The problem I have in my case, is if I use this
#menu {
float: left;
width:199px;
background-color: #FFFFCC;
height:100%;
}
#content {
width:75%;
margin-left: 220px;
top:0;
font-family: Papyrus;
background-color:#FFFFFF;
}
<div id="menu">
</div>
<div id="content">
</div>
... Then there is a white space and yellow bar about the graphic at the top
of the menu in firefox and safari and I want the graphic to be flush against
the top of the browser.
http://www.inspirationcenter.net/midamericadharma/float.aspx
However when I use this:
#menu {
width:199px;
background-color: #FFFFCC;
height:100%;
}
#content {
position:absolute;
width:75%;
margin-left: 220px;
top:0;
font-family: Papyrus;
background-color:#FFFFFF;
}
... It seems to work correctly in firefox (man & win), safari, and IE (win)
http://www.inspirationcenter.net/midamericadharma
... I tried messing with top-margin=0 but couldn't get it to work ... Any
ideas/thoughs appreciated .... Richard
On 5/25/06 9:11 AM, "Zoe M. Gillenwater" <[EMAIL PROTECTED]> wrote:
> Dave Goodchild wrote:
>> An absolutely positioned element will be positioned relative to its nearest
>> positioned parent (ie I tend to use a wrapper div with position: relative if
>> I am going to use absolutely positioned elements, but as I learn more I am
>> beginning to understand that floated layouts are much more flexible and in
>> line with the fluid medium we call the web. Am I right guys?
>>
>
> Yes. :-) Even fixed width layouts should employ floats, not absolute
> positioning, to avoid the possibilities of overlaps. Only *really*
> simple layouts can use absolute positioning safely.
>
> Zoe
--
Richard H. Hall
http://www.umr.edu/~rhall
Save the internet - Preserve Network Neutrality!
http://www.savetheinternet.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
