Hi,

I'm fooling around with the tableless css at
http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml

The problem I'm having is that when I was using IE7 and NS and FF and Opera
I had everything working fine after I fixed the DTD (which is now <!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>). But I just uninstalled IE7 to go
back to 6 and now I"m getting the same problems as before. The problem is
that the #main section of the css is going too far to the left and making
the sidebar too short. I'll try to illustrate..

------------
|header     |
------------
|SB|        |
-------------
|main       |
-------------
|footer     |
-------------

Now the SB is the sidebar. to the right of the sidebar is an empty area and
right below the sidebar is the main content. The sidebar is supposed to go
down to the footer and the main content to the right of the sidebar....

------------
|header     |
------------
|SB| main   |
|  |content |
|  |        |
-------------
|footer     |
-------------

I was wondering if the group could tell me what i'm doing wrong. As I said
it works fine in IE7,NS8,FF,Opera, but not IE6. The following is my css....

BODY {height: 8.5in;}

#header {
position: fixed;
width: 100%;
height: 15%;
top: 0;
right: 0;
bottom: auto;
left: 0;
border:solid thin Black;
}

#sidebar {
position: fixed;
width: 10em;
height: auto;
top: 15%;
right: auto;
bottom: 100px;
left: 0;
border: solid thin Green;
}

#main {
position: fixed;
width: auto;
height: auto;
top: 15%;
right: 0;
bottom: 100px;
left: 10em;
border:solid thin Yellow;

}

#footer {
position: fixed;
width: 100%;
height: 100px;
top: auto;
right: 0;
bottom: 0;
left: 0;
border: solid thin teal;
}

Sorry for the long post but I wanted to be clear. Thanks. Phil.


______________________________________________________________________
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/

Reply via email to