PDA

Click to See Complete Forum and Search --> : odd spacing between divs

planeboy747
07-17-2005, 12:12 AM
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">&nbsp;</div>


<div id="sidebar-a"></div>

<div id="content">
<h3>&nbsp;</h3>
</div>

<div id="footer">&nbsp;</div>
</div>
ray326
07-17-2005, 01:07 AM
Looks ok in FF, weird in IE, given a proper doctype.
felgall
07-17-2005, 05:07 PM
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.
ray326
07-17-2005, 08:47 PM
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.