JavaScript and client side scripting.
Moderator: General Moderators
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098 Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia
Post
by Chris Corbyn » Tue Jul 19, 2005 6:01 am
I'm know I've done this plenty before and it's something that's completely dumb to have stumbled on but what am I missing to make the little DIV blocks cause the outer div to stretch to full height?
This is a simplified, brightened up snip to make it clear what I mean (that grey div hiding away in the background should be stretched with the colored ones.
Code: Select all
<div id="e;content"e; style="e;width: auto; padding: 8px; background-color: #CCCCCC"e;>
<div style="e;height: 100px; width: 35%; position: relative; float: left; background-color: yellow"e;></div>
<div style="e;height: 100px; width: 65%; position: relative; float: right; background-color: orange"e;></div>
</div>
It's gonna be a long day
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098 Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia
Post
by Chris Corbyn » Tue Jul 19, 2005 7:58 am
Doh! I hadn't made the parent DIV a floater
[SOLVED]
djot
Forum Contributor
Posts: 313 Joined: Wed Jan 14, 2004 10:21 am
Location: planet earth
Contact:
Post
by djot » Tue Jul 19, 2005 8:53 am
So why don't you post the updated code?
Chris Corbyn
Breakbeat Nuttzer
Posts: 13098 Joined: Wed Mar 24, 2004 7:57 am
Location: Melbourne, Australia
Post
by Chris Corbyn » Tue Jul 19, 2005 9:03 am
Hmm... sorry I had thought I explained
I'll make it clearer
Code: Select all
<div id="e;content"e; style="e;width: auto; padding: 8px; background-color: #CCCCCC; position: relative; float: left"e;>
<div style="e;height: 100px; width: 35%; position: relative; float: left; background-color: yellow"e;></div>
<div style="e;height: 100px; width: 65%; position: relative; float: right; background-color: orange"e;></div>
</div>