Sent by John Kenneth Fisher on 18 February 2002 14:02
Hello. Eric Costello recommended i take my CSS problem here. I wish I
had known there was such a list before. Based on the ones I've read so
far, I'll have to participate a lot more.
Anyway, onto my problem.
I have a page I am working on that is supposed to have a title banner
that spans the page, and then underneath split into two columns. First a
div class="links" that has a float left and 25% width (css is below) and
then a div class="content" that fills in the rest on the right. It works
great on MSIE5/Mac, but it messes up badly on MSIE6/Win and Opera5/Mac.
Not having a PC that is connected to the net, it's very hard for me to
debug, but even after looking at Opera, I'm lost. Based on my
understanding of the Box Model, it SHOULD be working, but apparently my
understanding is less complete than i had realized. I would be VERY VERY
appreciative if anyone could help me.
relevant (I believe) CSS is
.content {
padding-bottom:20px;
background-color: #404040; /* 404040 */
font-family: Arial, Helvetica, Lucida Grande, sans-serif;
font-size: .8em;
color: #bfbfbf;
}
.links {
width:25%;
float:left;
background:#fff;
margin-right: 5px;
border-right: 3px solid #99CCFF;
border-bottom: 3px solid #99CCFF;
}
Now, first off, I apologize for the name of the page. Don't worry, it's
satire, not anything adult.
Links: screenshot of how it should look and does look in IE5/Mac on the
left, and how it messes up in Opera5 on the right:
http://www2.westfieldnetwork.com:3000/afrtests/afrcompare.jpg
page itself:
http://www2.westfieldnetwork.com:3000/afrtests/the_oral_sex_pyramid_scheme.
html
full css file:
http://www2.westfieldnetwork.com:3000/stylesheets/afr-default.css
-----
John K. Fisher - [EMAIL-REMOVED]
