PDA

View Full Version : just trying to move thumbnails over to the left...



JustinChrono
Feb 9th, 2010, 06:14 PM
hello, i have a site in which i am trying to move my thumbnails to the left, and have the rest of the layout on the right. right now the thumbnails are overlapping into the main content area of the page. i move the main content area by using the wrapper parameter...however this moves my thumbnails aswell. how can i move either the main content area or the thumbnails without moving the other one? thank you!
the site is www.panopt.com/images_new.php

Excavator
Feb 9th, 2010, 06:31 PM
Hello JustinChrono,
That's really kind of a mess.
Your #left starts out at a 291px wide (271 + 20px padding) element that is floated left.
That works until you put 470px wide #container into it.

See how the box model works (http://www.w3.org/TR/CSS2/box.html).

The only way to fix that, if that's how wide you want your thumbnail div, is to widen the container everything is in.

Try these to changes highlighted in red -

#wrapper2 {
text-align: left;
width: 1170px;
margin: 0 auto;
padding: 20px 0px 0px 0px;
}



#left {
width: 470px;
padding: 0px 10px 10px 10px;
float: left;
display: block;
height: 500px;
}

JustinChrono
Feb 9th, 2010, 06:35 PM
u r a geniuis, i love you