CSS Float Problem
hi all, 10 years since i've been on here (in days of tables) have, i'm sure basic css float problem in footer , take time review me. have checked can't find problem. in advance;
example of problem here http://davidbrown.ipower.com/template/template.htm
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>our jewelry retail secrets - thank you</title>
<link href="../stylesheet/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
}
.h1_black {color: #000000}
p {
font-family: arial, helvetica, sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: normal;
color: #000000;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.headlinetxt_colour {color: #ff6600}
.style1 {color: #ff6600}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="wrapperfix">
<div id="toporange_bg">login</div>
</div>
<div id="wrapperfix_top_grey">
<div id="top_grey_content_wrapper">
<div id="big_logo"></div>
<div id="welcome_user">welcome "username here"</div>
</div>
</div>
</div>
<div id="main_content">
<p>
<!--main body content goes here -->
lorem ipsum dolor sit amet, consectetur adipiscing elit. nam vel felis velit. proin nisl diam, id hendrerit lectus. nunc eget tortor arcu. mauris fringilla felis eget mi facilisis vel auctor est lacinia. sed sit amet dui nibh, in varius metus. duis malesuada euismod tortor eget lacinia. donec pretium rutrum nunc, sagittis condimentum elit aliquam in. in eu mauris dui. lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p> nam vel felis velit. proin nisl diam, id hendrerit lectus. nunc eget tortor arcu. mauris fringilla felis eget mi facilisis vel auctor est lacinia. sed sit amet dui nibh, in varius metus. duis malesuada euismod tortor eget lacinia. donec pretium rutrum nunc, sagittis condimentum elit aliquam in. in eu mauris dui. </p>
</div>
<div id="footer_container">
<div id="footer">
<div id="footer_left">footer left</div>
<div id="footer_centre">footer centre</div>
<div id="footer_right">footer right</div></div>
</div>
</body>
</html>
}
#footer_container {
background-color: #333333;
width: 100%;
top: 0px;
margin: 0px;
padding: 0px;
}
#footer {
background-color: #666666;
min-width: 1000px;
margin-right: auto;
margin-left: auto;
padding: 0px;
width: 1000px;
height: 150px;
overflow: hidden;
clear: both;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
}
}
#footer_left {
float: left;
width: 33%;
margin: 0px;
padding: 0px;
height: 150px;
}
#footer_centre {
width: 33%;
height: 150px;
margin: 0px;
padding: 0px;
float: left;
}
#footer_right {
float: left;
width: 33%;
height: 150px;
margin: 0px;
padding: 0px;
}
i don't see css rule in online example page:
#footer_left {
float: left;
width: 33%;
margin: 0px;
padding: 0px;
height: 150px;
}
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment