I have a 3 column fixed wrapper floated column layout that I am trying to work
on. Of course in firefox it works fine. I figured I would check out the one
page that I already have 3 columns on in IE7 to see how it is working.
Unfortunatly, the third column sinks to the bottom of the page. If I change the
float position to left from right, it pushes it under the left navigation.
THe columns are all sized OK, I have double checked them to see if this was an
issue.
It has been a while since I have coded due to some extended illnesses and am
trying to get back to coding so I can try to obtain work. Any and all help
would be appreciated.
Thanks in advance. Also, any suggestions as to reading material to get me up to
speed on IE7 and 8 would also be appreciated.
Deb
I'm including the code as this is only on my machine right now. I want to have
a finished home site to put up so figured I would do it this way. Following is
the css:
* {
margin: 0px;
padding: 0px;
border: 0px;
list-style-type: none;
text-decoration: none;
}
body {
background-color: #D6DFE4;
/*#EAD8D4;*/
}
html, body {
margin: 2px;
text-align: center;
font-size: 100.01%;
font-family: Arial, Verdana, sans-serif;
color: #1D0A04;
}
div#mainwrapper {
width: 808px;
text-align: left;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
div#wrapper {
width: 808px;
float:left;
}
div#hd {
width: 808px;
margin: auto;
}
.seagull {
border: 4px groove #71726D;
margin-right: auto;
margin-left: auto;
}
div#hdnav {
Width: 808px;
height: 50px;
float: left;
text-align: center;
background-color: #7584A1
}
/*header nav styles start here*/
div#hdnav ul {
}
div#hdnav ul li {
display: inline;
font-size: ,8em;
}
/*header nav styles end here*/
/*left nav styles begin here*/
div#leftnav {
float: left;
width: 162px;
/*background-color:#FFF5DF;*/
height: 100%;
/*D1DAD5;*/
}
div#leftnav ul {
}
div#leftnav ul li {
font-size: .9em;
font-weight: bold;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}
.first {
border-top: 1px solid #000;
}
div#leftnav ul li a:link, div#leftnav ul li a:visited {
color: #fff;
background-color: #7584A1;
display: block;
width: 150px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
/*left nav styles end here*/
div#content {
width: 300px;
color: #000;
float: left:
}
div#content p {
margin-left: 10px;
line-height: 1.30em;
font-size: 1em;
text-indent: .9em;
margin-bottom: .50em;
}
/*This is for the about page*/
div#poem {
float: right;
width: 240px;
top: 10px;
}
div#poem h1 {
font-size: 1em;
text-align: center;
}
/*end coding for the about page poem*/
div#poem p{
font-size: .8em;
font-weight: bold;
text-indent: .8em;
color:#1D0A04;
line-height: 1.5em;
}
div#footer {
width: 808px;
height: 45px;
background-color:#7584A1;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* \ */
* html .clearfix {height: 1%;display: block;}
/* */
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
