Topic: IE 5 & 6 Problem Pages that link to <a href="https://ozoneasylum.com/backlink?for=26680" title="Pages that link to Topic: IE 5 &amp;amp; 6 Problem" rel="nofollow" >Topic: IE 5 &amp; 6 Problem\

 
Author Thread
brucew
Paranoid (IV) Inmate

From: North Coast of America
Insane since: Dec 2001

IP logged posted posted 09-18-2005 19:19 Edit Quote

I'm having a problem in IE 5 & 6 with very basic stuff. This proposal, http://uccs.thesecretlabs.com/ looks just fine in FF, Opera and Safari, but IE leaves a 3px gap to the right of the header graphic in two of the three divs next to it.

It's a very simple CSS layout:

#canvas is the overall container,
#sidenav is a floated-left logo and navigation column,
to the right we have
#headspace lets the background through in the upper part of the header,
#header, the red part with the name, addy, etc,
#content, and
#footer

Only #headspace and #header will not butt up against logo graphic in #sidenav. Strangely, #content *does* (the two lines of graphic text are part of the logo graphic.)

I've tried everything, but no joy.

Any thoughts?

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

IP logged posted posted 09-18-2005 21:00 Edit Quote

Quick fix:

code:
#canvas { position: relative; } #sidenav { position: absolute; }


http://www.positioniseverything.net/explorer/threepxtest.html

(Edited by reisio on 09-18-2005 21:02)

brucew
Paranoid (IV) Inmate

From: North Coast of America
Insane since: Dec 2001

IP logged posted posted 09-18-2005 22:19 Edit Quote

Hey! Why didn't I Google on that? <slaps forehead>

Thanks a lot reisio!



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu