I am working on a site at the moment and I have made a classic mistake of not checking all the resolutions I put it together at 1024 x 768. Needless to say at 800 x 600 my site looks diablolical. It's not a finished site but I just got it to start looking ok - and well, you know, too much time invested to go back and start over! This is the site http://www.housename.co.uk I need to make the divs "float" somehow so that the text does not encroach on the images at 800 x 600 or when the screen isn't maximised. The css can be found here if anyone has any tips http://www.housename.co.uk/housename.css I am a beginner at CSS and usually just play around until it looks right but don't seem to be able with this one at all. Hope someone can help. Jez. Added - Looks like I posted this in the wrong bit - sorry. I didn't see the sub forum.
Well there are two problems here: 1) You use absolute positioning instead of floats, that's why the content text gets behind the images and navigation when the browser's width isn't big enough. 2) The layout is too wide for 800. The first problem you can solve by applying one of the many 3-col layout css patterns. For example: <div id="container"> <div id="navigation"> </div> <div id="center"> <div id="content"> </div> <div id="images"> </div> </div> </div> CSS: #navigation {float:left; display:inline; width:200px} #center {margin-left: 200px; /* or 201px */} #images {float:right; width:180px; display:inline} #content {margin-right:180px} The trick is floating. So the two columns that have a fixed with float left and right. The element that's next to the float has to give it space too, that's why you have the margin. You don't give a width to the element that should have a variable width. So If the user resizes the browser now your content will get less wide so it can fit the browser window. With the above example also your width problem should be solved If you have problems implementing this I suggest looking at some additional and more detailed exampes, or a tutorial. Just do a google search on "css 3 column layout"
Thanks for taking the time to reply, Instromaniac. Looking at what you have written, I will struggle to implement it easily so I will check out some tutorials and see where it takes me. Thanks again.