Topic: Text Gets Hidden Outside Div (Page 1 of 1) Pages that link to <a href="http://ozoneasylum.com/backlink?for=23556" title="Pages that link to Topic: Text Gets Hidden Outside Div (Page 1 of 1)" rel="nofollow" >Topic: Text Gets Hidden Outside Div <span class="small">(Page 1 of 1)</span>\

 
Wes
Paranoid (IV) Mad Scientist

From: Inside THE BOX
Insane since: May 2000

IP logged posted posted 10-06-2004 00:31 Edit Quote

OK, working on the beginnings of an image-download page; ignore the ugliness.

I'm trying to set the header (h2) a bit left of the table, using a negative left margin. In Firefox, it's just fine, but in IE, what flows outside the containing div gets hidden.

I've tried setting the div's overflow to visible, I've tried setting z-indexes (with positioning explicitly defined, of course) to see if I could get the h2 to display on top, I've turned the test border off (knowing that turning a border on sometimes causes things to act differently), but no go.

I know I can set the h2 to relative and use left: -30px to make it work, but I'm curious what the issue is in this circumstance.

mobrul
Bipolar (III) Inmate

From:
Insane since: Aug 2000

IP logged posted posted 10-06-2004 15:15 Edit Quote

If you set the h2 element to position:relative and then you set either the height or width, it should do what you want.

code:
h2
{
position:relative;
width:100%;

margin: 30px 0 15px -30px;

background:transparent;
color: #3690A8;

font-family: verdana, arial, sans-serif;
font-size: 1.6em;
font-weight: bold;
letter-spacing: -1px;
}



(Edited by mobrul on 10-06-2004 15:17)

Wes
Paranoid (IV) Mad Scientist

From: Inside THE BOX
Insane since: May 2000

IP logged posted posted 10-06-2004 17:41 Edit Quote

Hmm, never thought of using width: 100%.

And it's magically delicious! Thanks!



Post Reply
 
Your User Name:
Your Password:
Login Options: Remember Me On This Computer
 
Your Text:
Loading...
Options: Show Signature
Enable Slimies
Enable Linkwords

« BackwardsOnwards »

Show Forum Drop Down Menu