Regarding my earlier message...I tried absolute positioning again for the
content, and while I don't have the width problem this time, and don't have the
alignment problem I do when using float, I do have varying top margins between
IE, FF, and Opera. I've encountered this problem before and worked around it
but I need to figure out how to resolve it.
And either way, I am still wondering if I am approaching this time of layout
correctly.
Debbie
www.drk-writing.com
Here's the revised code for the absolute positioning:
#banner {
position: absolute;
top: 0;
left: 0;
}
#sidebar {
position: absolute;
top: 119px;
left: 0;
}
#container {
position: absolute;
top: 119px;
left: 185px;
}
#content {
width: 475px;
}
/*resume link*/
#resumelink {
padding-bottom: 70px;
}
p.resumelink {
font-size: 70%;
}
/*bottom links, copyright*/
#footer {
border-top: 1px solid #2C8F96;
width: 475px;
}
.nav {
padding-top: .5em;
font-size: 70%;
}
.copyright {
font-size: 65%;
color: #2C8F96;
}
----- Original Message -----
From: Iorhael
To: [email protected]
Sent: Thursday, January 12, 2006 7:56 PM
Subject: Container coding/alignment problem with float
Hi, I need some advice....I am attempting to recode a web site (and possibly
others) so that I have everything nested at the same level...that is: container
with the content, link, footer, etc. nested underneath. (Previously I had the
link and footer inside the content). When I am done with this, I am going to
move this out of a template and into php.
When I tried this using absolute positioning, I came up with a substantial
width difference between IE and FF. So I am trying to float the content. But
now the content is not aligning with the other elements in the container...its
far over to the right...have tried using a negative left margin to no avail.
So I have two questions:
1) What is the standard way of nesting in a situation where you don't have a
physical box container? Is my coding correct? (In this case, I am leaving the
banner and sidebar *outside* of the container and using absolute positioning
for them so that the container properties apply only to the content, resume
link, and footer.)
2) How do I fix the alignment problem?
I may be all off here. I would really appreciate suggestions on how best to
set this up.
Thanks!
Debbie
www.drk-writing.com
#banner {
position: absolute;
top: 0;
left: 0;
}
#sidebar {
position: absolute;
top: 119px;
left: 0;
}
#container {
margin-left: 185px;
}
#content {
float: right;
width: 475px;
}
/* Resume link*/
#resumelink {
clear: both;
padding-bottom: 60px;
}
p.resumelink {
font-size: 70%;
}
/*bottom links, copyright*/
#footer {
border-top: 1px solid #2C8F96;
width: 475px;
}
.nav {
padding-top: .5em;
font-size: 70%;
}
.copyright {
font-size: 65%;
color: #2C8F96;
}
______________________________________________________________________
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/
