richard hall wrote:
The problem I have in my case, is if I use this
#menu {
float: left;
width:199px;
background-color: #CC;
height:100%;
}
#content {
width:75%;
margin-left: 220px;
top:0;
font-family: Papyrus;
The problem I have in my case, is if I use this
#menu {
float: left;
width:199px;
background-color: #CC;
height:100%;
}
#content {
width:75%;
margin-left: 220px;
top:0;
font-family: Papyrus;
background-color:#FF;
}
div id=menu
/div
div
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
I would like to create a division for content on a web page, where one side
of the division box is always a fixed set of pixels from the left (so it
won't cover the menu which is a set number of pixels), and I would like it
to cover about 80% of the remainder of the page, so it would be fixed on
have you tried something like:
.menu {
float: left;
width: 100px; /* or whatever */
}
.content {
margin-left: 100px;
}
div class=menu
/div
div class=content
/div
__
css-discuss [EMAIL PROTECTED]
On 24/05/06, richard hall [EMAIL PROTECTED] wrote:
I would like to create a division for content on a web page, where one
side
of the division box is always a fixed set of pixels from the left (so it
won't cover the menu which is a set number of pixels), and I would like it
to cover about
This worked,
Thanks very much.
The interesting thing, though, is that it worked without the float.
When I put in the float it worked fine in safari and mozilla (mac pc), but
in IE it wanted to make the margin-left so many pixels from the menu
division, rather than from the side of the page.
The interesting thing, though, is that it worked without the float.
that's because you absolutely positioned it when it shouldn't be. :)
change your content to be:
#content {
margin-left: 220px;
height:800px;
font-family: Papyrus;
background-color:#FF;