...

View Full Version : RESOLVED Need Help Positioning Divs Next to Each Other...



jihanemo
10-25-2009, 02:36 AM
I need to position the first 2 divs ("logo" and "number" divs) next to each other. Help, please?

http://petsonthemovenyc.com/

mapleleaf
10-25-2009, 03:40 AM
display:inline;
for the second div

Excavator
10-25-2009, 04:03 AM
Hello Jihanemo,
While display:inline; can sometimes stop an ie6 float bug, it's not what's needed here.

To make it easier to see what's going on, give your divs different background colors, like this:

div.logo {

margin: 60px 0 10px 0;
background: #00f;

}


div.number {
background: #f00;
color: #666666;
text-align: right;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;

}

To place things side by side we float them. To float something, you need to give it a width.
Try this:

div.logo {
width: 400px; /*required width*/
float: left; /*float makes it so something can go beside it*/
margin: 0 0 10px 0;
background: #00f;

}


div.number {
margin: 0 0 0 400px; /*.number is margined over the width of .logo*/
background: #f00;
color: #666666;
text-align: right;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;

}

jihanemo
10-25-2009, 04:41 AM
Thank you!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum