1
I have got the strangest problem with my stylie,.,.matbe someone knows how to work around it
here's my code:
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Documenttitle>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
head>
<style type="text/css">
BODY {
background-color: #333333;
}
#maincontainer1 {
margin-top: 4px;
width: 700px;
border: 4px solid white;
background-color: #2D94BD;
height: inherit;
}
#leftfloat{
height: auto;
width: 525px;
float: left;
border: 1px solid white;
clear: both;
}
#rightfloat{
height: auto;
float: right;
width: 150px;
border: 1px solid white;
background-color: #BD2D2D;
}
style>
<body>
<div id="maincontainer1"><div id="leftfloat">Left float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left float
Left float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float
left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left float
Left float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float
left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft floa
t left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left float
Left float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float
left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft
loat left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left floatLeft float left
floatLeft float left float
div><div id="rightfloat">right float right floatright floatright floatright floatright floatright floatright floatright
floatright floatright floatright float
right floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright
floatright floatright floatright floatright floatright float
right floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright
floatright float
right floatright floht floatright floatright floatright floatright floatright floatright floatight floatright floatright
floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright
floatright float
right floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright
floatright floatright float
right floatright floht floatright floatright floatright floatright floatright floatright floatight floatright floatright
floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright
floatright float
right floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright floatright
floatright float
right floatright floht floatright floatright floatright floatright floatright floatright float
div>div>
body>
html>
as you can see, it's a container containing two blocks (float left and right) it all works well in IE, but Moz will not show you the container (blue background)?!?
I have tried to set the height of the container to 100% but the the container stops and let blocks with more content overlap,.,.,.
Could someone show me the right direction??
