Sent by Iorhael on 13 January 2006 16:04
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-REMOVED]]
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/
