firefox bug? - floating two divs inside another div - CSS forum at WebmasterWorld

Hy, i have prolly a simple problem to solve, but ... i just lack the skill to do it i guess. I have a problem in firefox with the divs and i dont know why. I have two floating divs the are droped outside the main div in firefox, why?

Tnx in advance.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta name="generator" content="HTML Tidy, see www.w3.org">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
.right {
float: right !important;
padding-right: 10px
}
.left {
float: left !important;
padding-left: 10px
}
#content {
height:100%;
width:100%;
border:1px solid blue;
}
</style>
</head>

<div class="right">
right
</div>
</div>
</body>
</html>

firefox bug? - floating two divs inside another div

floated divs are dropped outside the main div, why?

alexandru

alexandru

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week