[stealthcow]

I've been changing the structure of the HTML page for this site: http://www.nicehostels.com/show_countries.php

The problem i've run into is now that ive moved things around and used absolute positioning, the container border no longer surrounds all the content (i was using a clearer div to achieve this previously..)

any ideas how to make the border go around everything again rather than just the header?

cheers

[emil]

http://www.positioniseverything.net/easyclearing.html

[stealthcow]

doesnt work

[emil]

hmmm. lots of nested divs.
try and apply it to some other divs too, such as the #content?

[stealthcow]

tried that already.. doesnt work

[emil]

*shrug*

[stealthcow]

are nested divs a problem?

i know its easy to make sites using non nested divs, but they all look the same - this is something different and has required a different way of doing things as a result - duno if its the right way of doing it though

[emil]

it's the absolute positionning

#content {
margin-top:150px;

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-align:left;
width: 760px;
clear:both;
}

it will break in IE, you'll need to set a different margin to fix that.

You seem to be using an awful lot of redundant code. It's hard to skeem through...
take the font-family out, and declare it for the body, then only change it where needed

[stealthcow]

theres a lot of redundant code for that page, but a lot of the other pages are completely different

its a bit annoying not having the same structure on every page, but thats how its been designed..

[stealthcow]

cheers, border works now