Eric Ladner schreef:
Looks right to me. You have wrappera and wrapperb floated inside the
"wrapper" and don't specify a background color for them. When header is
drawn, it takes up the top part of "wrapper" and the a/b wrappers are
floating above that.
You didn't specify a background on the floats and background doesn't
inherit from the parent so the background is transparent. Firefox is
correct and IE is wrong
If you want the floats to have the same background color as the outer
div, add a "background: inherit" to wrappera and wrapperb.
Hi Eric,
Thanks for your answer.
I would make a header with a yellow background and a borderline above.
But the line moves to the top of the page.
Change it to this and see what I mean:
#head{background:yellow;border-top: 2px solid black;}
Hope you have an answer.
Daniel
<html>
<head>
<title>Test</title>
<style type="text/css">
#wrapper{min-width:250px;min-height:250px;width:250px;height:250px;background:blue;}
#wrappera{width:49%;height:100px;min-height:100px;float:left;}
#wrapperb{width:49%;height:100px;min-height:100px;float:right;}
#head{background:yellow;}
</style>
</head>
<body>
<div id="wrapper">
<div id="wrappera">LEFT</div>
<div id="wrapperb">RIGHT</div>
<div id="head">HEADER</div>
</div>
</body>
</html>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
<mailto:css-d@lists.css-discuss.org>]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org <http://evolt.org> --
http://www.evolt.org/help_support_evolt/
--
Eric Ladner
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
