Anyone help me out with div alignment

e1seix · May 20, 2008

can anyone help me out with the following?

i can't seem to get the "image" and "info" divs to align beside one another to make up the overall width of 500px.

any suggestions?

<html>
<head>
<style type="text/css">

#content-main {
width:520px;
        background-color: #eeeee0;
}

#brand {
width:500px;
        background-color: #ffffff;
        font-size:14px;
        font-family:arial;
        font-weight:bold;
}

#home {
        margin:5px;
        padding:5px;
width:500px;
        background-color: #eeeee0;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
}

#image {
width:250px;
        background-color: #000000;
}

#info {
width:250px;
        background-color: #ff0000;
}

#main {
        width:500px;
        background-color: #ffff00;
}

#name {
width:500px;
        background-color: #ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

#main-window1 {
        margin:5px;
        padding:5px;
width:500px;
        background-color: #ffffff;
}

#price {
width:200px;
        background-color: #ffffff;
        color:#ff0000;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

#retail {
width:200px;
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
}

#saving {
width:200px;
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
}

</style>
</head>
<body>

<div id="content-main">
<div id="home"><u>Home</u></div>
<div id="main-window1">

<div id="brand"><u>Carolina Herrera</u></div>
<div id="name">212 Sexy Men Deodorant Stick 75g</div>

<div id="main">

<div id="image"><img height="250" width="250" src="http://malegroomingfordummies.co.uk/images/1456.jpg" /></div>

<div id="info">

<div id="retail">Retail £14.50</div>
<div id="price">Our Price £12.95</div>
<div id="saving">Saving £1.55 (10.69%)</div>

</div>

</div>

</div>

<div id="main-window1">Hello</div>
 
</div>

</body>
</html>

rhodesa · May 20, 2008

add a

float:left;

to both of them

Sign In

Anyone help me out with div alignment

Recommended Posts

e1seix

Link to comment

Share on other sites

rhodesa

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information