5 replies [Last post]
eZe616
eZe616's picture
Offline
Enthusiast
Aruba
Last seen: 14 years 35 weeks ago
Aruba
Timezone: GMT-5
Joined: 2007-02-23
Posts: 52
Points: 0

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:

Login | Register




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;

}

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

VALIDATE, for the love

VALIDATE, for the love of.... :mad:

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

eZe616
eZe616's picture
Offline
Enthusiast
Aruba
Last seen: 14 years 35 weeks ago
Aruba
Timezone: GMT-5
Joined: 2007-02-23
Posts: 52
Points: 0

Done...but didn't help the

Done...but didn't help the problem,

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

you don't actually describe

:? you don't actually describe what is wrong.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

eZe616
eZe616's picture
Offline
Enthusiast
Aruba
Last seen: 14 years 35 weeks ago
Aruba
Timezone: GMT-5
Joined: 2007-02-23
Posts: 52
Points: 0

The dotted box represents

Edit

SOlved...added clear both #content ..tnx hugo