Ok, I get the below problem:
http://www.ian559.pwp.blueyonder.co....rd/huh/wha.png
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?
Printable View
Ok, I get the below problem:
http://www.ian559.pwp.blueyonder.co....rd/huh/wha.png
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?
Is it coded in CSS and Divs or Tables and Divs?
CSS and DIVs. The section of CSS it is is:Code: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; }
Should work :)Code: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; }
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
Oh. Totally forgot about the container. Silly fool. :P
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