I have set of pages with CSS. I am tyring to place the banner ad in the upper left hand corner of the page. I want it to float with the page width if the user adjusts the width of the page. Currently it does float left to right but it is not at the top of the page. Any ideas where I went wrong. I have included the url of the page and the CSS code that is governing it.

www.caliconnection.com/develop/advertisewithus.asp

#advert{
padding: 10px 0px 0px 10px;
font-size: 80%;
border-top: 1px solid #cccccc;
width: 200px;
left: 70%;
top: 0.5px;
background-color: #C9E3FE;
text-align: center;
position: relative;
}


Wm. Kent Steelman

you mean the upper right hand corner?

if it was left it would cover your logo

Regards,
Dave

<img src="www.nova-cs.co.uk/DmxAvatar.jpg" border="0">" border=0>

[DWMX 2004]|[FlashMX 2004 Pro]|[SQL]|[Access2000]|[ASP/VBScript]|[XP-Pro]

Yes that is correct.. sorry abuot the dislexia... upper right is where I would like it displayed

Wm. Kent Steelman

if you want them both at the top but one on the left and the and one on the right add

float:left; &lt; add this to your masthead div css
float:right; &lt; add that to your advert div css

and if you dont mind me saying, your masthead doesnt need to use a h1 tag, it could simply be a class, this way your wasting a header for no reason.

Regards,
Dave

<img src="www.nova-cs.co.uk/DmxAvatar.jpg " border=0>

[DWMX 2004]|[FlashMX 2004 Pro]|[SQL]|[Access2000]|[ASP/VBScript]|[XP-Pro]

Thanks and no I dont mind.. any suggestions are welcome


Wm. Kent Steelman

but the reason its sitting below your logo is you have it relatively positioned and nested inside the masthead div so it is 0.5px below the bottom line of the logo.

you may also need to take the advert div out of the nest, i cant say for sure as i havent seen the css file

Regards,
Dave

<img src="www.nova-cs.co.uk/DmxAvatar.jpg " border=0>

[DWMX 2004]|[FlashMX 2004 Pro]|[SQL]|[Access2000]|[ASP/VBScript]|[XP-Pro]