Heh,so I have my header all done...or atleast somewhat like I want it. Now I have the content DIV, it's all good in FF but in IE I don't know what's going on. the only way I got to where I want it is to remove the 'float: left' in the #submitme
here the site http://eze.110mb.com/c8/index2.php , it looks ok in FF not in IE, dont know what could be wrong...
here's the HTML
Site
Caya 8 logo
Login
Username:
Password:
Bon Bini na nos Site
The CSS
/* ------------------------------------------------------------------------
General Body CSS
------------------------------------------------------------------------ */
html { background: #171819 url(hbg.jpg) repeat-x top left;
}
body { font-family: Verdana;
font-size: 65%;
color: #a1a1a1;
}
a:link,a:visited,a:active { font-family: Verdana;
font-size: 9px;
color: #666;
text-decoration:none;
}
a:hover { font-family: Verdana;
font-size: 9px;
color:#FFCC00;
text-decoration:none;
}
.container { margin: auto;
width: 780px;
border: 0px dotted #ccc;
}
/* ------------------------------------------------------------------------
Header
------------------------------------------------------------------------ */
#hd { border: 0px dotted #CCC;
display: block;
clear: both;
}
#hd h1 { text-indent: -9999px;
background: transparent url(logo.png) no-repeat 0 0;
width: 175px;
height: 87px;
behavior: url(iepngfix.htc);
margin: 3px;
padding: 0px;
float: left;
clear: right;
margin-right: 40px;
display: inline;
}
#nav2 {
text-decoration: none;
float: left;
margin: 0px;
padding: 0px;
font-family: Verdana;
margin-top: 5.75em;
}
#nav2 li { display: inline;
margin: 0px;
padding: 0px;
float: left;
}
#nav2 li a { display: block;
text-indent: -9999px;
overflow: hidden;
height: 31px;
}
#nav2 a.home {width:54px; background: transparent url(men.jpg) no-repeat 0 0;}
#nav2 a.music {width:55px; background: transparent url(men.jpg) no-repeat -54px 0; }
#nav2 a.musicvideos {width:93px; background: transparent url(men.jpg) no-repeat -109px 0; }
#nav2 a.home:hover {background: transparent url(men.jpg) no-repeat 0 -31px; }
#nav2 a.music:hover {background: transparent url(men.jpg) no-repeat -54px -31px; }
#nav2 a.musicvideos:hover {background: transparent url(men.jpg) no-repeat -109px -31px; }
/* ------------------------------------------------------------------------
Login Form
------------------------------------------------------------------------ */
.login {
border: 0px solid #ccc;
display: block;
margin-left: 0em;
}
input,select{
margin:0;
padding:0;
}
#log {
width:20em;
padding-bottom:0em;
margin:0em;
color:#666666;
border: 0px dotted #ccc;
border-collapse:separate;
border-spacing:0px;
margin-left: 44.5em;
}
#log fieldset {
display:inline;
border: 0px solid #ccc;
border-collapse:separate;
border-spacing:0px;
}
#log legend{
margin-bottom:5px;
text-align:left;
font-size:100%;
font-weight:bold;
border: 0px solid #CCC;
}
#login-right p{
text-align:left;
font-size:100%;
margin:.5em 10px 0px 10px;
}
#login-right {
margin-top: 2em;
width:10em;
}
#login-left{
width: 30em;
float: left;
}
label{
display:inline-block;
}
label{
min-height:1.6em;
font-size:100%;
font-weight:normal;
display:block;
width:21.5em;
margin-bottom:5px;
margin-left:7px;
}
* html label {height:1.6em}
#log label span{
float:left;
display:block;
margin-top:2px;
margin-bottom:2px;
width:6.5em;
text-align:left;
}
.inputbox{
margin:0px 0px 1px 0px;
display:inline;
font-size:103%;
width:10em;
height:1.5em;
border: 0px dashed #ccc;
font-family: Verdana;
color: #666;
background: #323232;
margin-right: 4em;
float:right;
}
#submitme{
display: block;
margin-left: .3em;
float: left;
clear: both;
margin: 0px;
padding: 0px;
}
.reg { margin-left: 3em;
display: block;
margin-top: 1em;
}
/* ------------------------------------------------------------------------
Content Area
------------------------------------------------------------------------ */
#content { border: 1px dotted #ccc;
marging: 0px;
padding: 0px;
height: 500px;
display: block;
}
VALIDATE, for the love
VALIDATE, for the love of.... :mad:
Done...but didn't help the
Done...but didn't help the problem,
you don't actually describe
:? you don't actually describe what is wrong.
You need to trigger
You need to trigger haslayout on #HD to contain those floated elements for IE or add clear:both to #content, but I would possibly avoid that as you seem to throwing in clears and display:block without need, display:block is the default state for div, h#, p, ul etc. you don't need to state it generally.
The dotted box represents
Edit
SOlved...added clear both #content ..tnx hugo