float problem
Posted: Wed Jul 04, 2007 12:47 pm
The problem I am facing is how can I use float:left; and not have the outer container ignore my inner container? I know the float is the problem but is there a solution to this. I need to keep the float.
This is just testing code.
This is just testing code.
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#container {
border: 1px solid red;
}
#container #content {
border: 1px solid green;
float: left;
}
</style>
</head>
<body>
<div id="container">
<div id="content">
<p>asadffaohselfh es fsaf efas efsef safe f sef sfs fsa f
eas fsef saf sa fsaf saf saef sa fas fa fsa f sa
asef saf sa ff saf sa fa fas fas sf as fesa</p>
<p>asadffaohselfh es fsaf efas efsef safe f sef sfs fsa f
eas fsef saf sa fsaf saf saef sa fas fa fsa f sa
asef saf sa ff saf sa fa fas fas sf as fesa</p>
<p>asadffaohselfh es fsaf efas efsef safe f sef sfs fsa f
eas fsef saf sa fsaf saf saef sa fas fa fsa f sa
asef saf sa ff saf sa fa fas fas sf as fesa</p>
<p>asadffaohselfh es fsaf efas efsef safe f sef sfs fsa f
eas fsef saf sa fsaf saf saef sa fas fa fsa f sa
asef saf sa ff saf sa fa fas fas sf as fesa</p>
<p>asadffaohselfh es fsaf efas efsef safe f sef sfs fsa f
eas fsef saf sa fsaf saf saef sa fas fa fsa f sa
asef saf sa ff saf sa fa fas fas sf as fesa</p>
<p>asadffaohselfh es fsaf efas efsef safe f sef sfs fsa f
eas fsef saf sa fsaf saf saef sa fas fa fsa f sa
asef saf sa ff saf sa fa fas fas sf as fesa</p>
<p>asadffaohselfh es fsaf efas efsef safe f sef sfs fsa f
eas fsef saf sa fsaf saf saef sa fas fa fsa f sa
asef saf sa ff saf sa fa fas fas sf as fesa</p>
<p>asadffaohselfh es fsaf efas efsef safe f sef sfs fsa f
eas fsef saf sa fsaf saf saef sa fas fa fsa f sa
asef saf sa ff saf sa fa fas fas sf as fesa</p>
</div>
</div>
</body>
</html>