Need help with DIVs please :(

[Pawf]

Ok, I get the below problem:



Here is a link to the page:

http://www.ian559.pwp.blueyonder.co..../huh/home.html

and the CSS:

http://www.ian559.pwp.blueyonder.co....rd/huh/css.css

Any ideas?

[ScottDiamond]

Is it coded in CSS and Divs or Tables and Divs?

[Pawf]

CSS and DIVs. The section of CSS it is is:

div.middle { width: 790px; background-image: url('images/content.png'); background-position: top left; background-repeat: repeat-y; margin: 0px; padding-right: 15px; padding-left: 15px; }

[YouFail]

div.middle { width: 780px; background-image: url('images/content.png'); background-position: top left; background-repeat: repeat-y; margin: 0px; padding-right: 25px; padding-left: 15px; }

Should work

[Mentor]

Well your middle div class is streatching the layout.
Basicly its becuse your redefining the divs actual size as 790, when the div will auto fit a gap. Since your useing a padding, the rendering gets a bit odd, becuse, the text formats as if it has 790px of room, but the padding the moves this text 15px to the right in accordance with the padding, so now the text goes over the edge, then applys the 15px the other side, but rather than resizeing the text format sits a 790px long regaudless of the room.

I think just removeing the width:790px from the middle class should fix the problem though :p

[YouFail]

Well your middle div class is streatching the layout.
Basicly its becuse your redefining the divs actual size as 790, when the div will auto fit a gap. Since your useing a padding, the rendering gets a bit odd, becuse, the text formats as if it has 790px of room, but the padding the moves this text 15px to the right in accordance with the padding, so now the text goes over the edge, then applys the 15px the other side, but rather than resizeing the text format sits a 790px long regaudless of the room.

I think just removeing the width:790px from the middle class should fix the problem though :p

Wouldn't removing the width make it a fluid layout? If people dont understand what fluid means it means that it'll expand side ways...

[Mentor]

Wouldn't removing the width make it a fluid layout? If people dont understand what fluid means it means that it'll expand side ways...

Naa, the container div will maintain the correct sizeing

[YouFail]

Oh. Totally forgot about the container. Silly fool.

[Pawf]

Wehay! Worked a treat. Thanks a lot to all of you +rep Edit: Sorry guys, says I have to spread before giving it to either of you :S:S