When I put text in the "content" id and text in the "sidebar-a" id, it looks like there is extra space above my text in the "content" id when i preview...anyone know how to fix that?
<style type="text/css">
#container {
width: 750px;
\width: 770px;
w\idth: 750px;
border: 1px solid gray;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
#banner {
padding: 5px;
margin-bottom: 5px;
background-color: rgb(213, 219, 225);
}
#content {
padding: 5px;
margin-right: 215px;
background-color: gray;
}
#sidebar-a {
float: right;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
margin-left: 5px;
padding: 5px;
background-color: rgb(235, 235, 235);
}
#footer {
clear: both;
padding: 5px;
margin-top: 5px;
background-color: rgb(213, 219, 225);
}
</style>
</head>
<body>
<div id="container">
<div id="banner"> </div>
<div id="sidebar-a"></div>
<div id="content">
<h3> </h3>
</div>
<div id="footer"> </div>
</div>Looks ok in FF, weird in IE, given a proper doctype.Looks ok in FF, weird in IE, given a proper doctype.
It contains the hacks to handle quirks mode in IE so the page probably doesn't have a proper DOCTYPE.The page I put them into did have a 4.01 strict doctype. The IE preview in HTML-kit shows the problem but the external preview in FF didn't.
<style type="text/css">
#container {
width: 750px;
\width: 770px;
w\idth: 750px;
border: 1px solid gray;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
#banner {
padding: 5px;
margin-bottom: 5px;
background-color: rgb(213, 219, 225);
}
#content {
padding: 5px;
margin-right: 215px;
background-color: gray;
}
#sidebar-a {
float: right;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
margin-left: 5px;
padding: 5px;
background-color: rgb(235, 235, 235);
}
#footer {
clear: both;
padding: 5px;
margin-top: 5px;
background-color: rgb(213, 219, 225);
}
</style>
</head>
<body>
<div id="container">
<div id="banner"> </div>
<div id="sidebar-a"></div>
<div id="content">
<h3> </h3>
</div>
<div id="footer"> </div>
</div>Looks ok in FF, weird in IE, given a proper doctype.Looks ok in FF, weird in IE, given a proper doctype.
It contains the hacks to handle quirks mode in IE so the page probably doesn't have a proper DOCTYPE.The page I put them into did have a 4.01 strict doctype. The IE preview in HTML-kit shows the problem but the external preview in FF didn't.