Sent by 4css aka deb on 28 April 2010 20:08
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-REMOVED]]
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/
