PDA

View Full Version : Help with the divs


WotNow
10-01-2009, 03:33 AM
Hi everyone, here is the link to a page I am working on http://kimberleywebdesign.com.au/CoolChange/contact.html

I was hoping someone could tell me why the three divs i have stored in a container div called stores, are not aligned, ie the middle div is lower than the left and right. Thanks

edbr
10-01-2009, 03:47 AM
personally i would change
#Stores {
width:900px;
margin:0 auto;
padding:20px 0 0 0;
height:380px;
overflow:auto;
background:#FF00FF;}

#Stores #Boulevard {
width:250px;
height:340px;
float:left;
background:#9999FF;
margin:0;
padding:0;}

#Stores #Karratha {
width:250px;
height:340px;
float:right;
background:#FFFF99;
margin:0;
padding:0;}

#Stores #Paspaley {
width:250px;
height:340px;
background:#57adef;
margin:0 300px 0 300px;
padding:0;}
to
#Stores {
width:900px;
margin:0 auto;
padding:20px 0 0 0;
height:380px;
overflow:auto;
background:#FF00FF;}

#Boulevard {
width:250px;
height:340px;
float:left;
background:#9999FF;
margin:0;
padding:0;}

#Karratha {
width:250px;
height:340px;
float:right;
background:#FFFF99;
margin:0;
padding:0;}

#Paspaley {
width:250px;
height:340px;
background:#57adef;
margin:0 300px 0 300px;
padding:0;}

WotNow
10-01-2009, 03:56 AM
Ok I took out the #Store before all the divs but the middle div is still lower than the ones either side???

edbr
10-01-2009, 04:04 AM
hm i would also float them all left