ansaurus

Question

Answer 1

A:

If I understand the question correctly you need to add the following after the second div:

<br style="clear:both;" />

Or you can have a div with the same style.

So you might have something like this:

<div>
    <div class="header">header</div>
    <div class="content">
        <div class="left">sits to the left side</div>
        <div class="right">sits to the right side</div>
        <br style="clear:both;" />
    </div>
    <div class="footer">footer</div>
</div>

Darrell Brogdon 2009-12-03 05:49:39

Answer 2

A:

Try this one

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#header{ background:#096}
#sideMenu{ background:#393; width:20%; float:left; display:block;}
#content{ background:#FCF; width:80%; float:left; display:block;}
#footer{ background:#09F}
.clearAll{clear:both; line-height:0;}
</style>
</head>

<body>
<div id="header">some header</div>
<div id="sideMenu">some menu</div>
<div id="content">some content</div>
<div class="clearAll"></div>
<div id="footer">some footer</div>
</body>
</html>

Kieran 2009-12-03 05:55:28

ansaurus

tags:

views:

answers:

use two divs in parallel in IE

related questions