R
richard
Ok so like what the sam hell is the trick here to get a division to
float where I want it to?
When I display it in FF, "name" and "label" appear on two seperate
lines.with a float:left for "label".
Using the same example dorayme gave, it worked just fine.
I go to add in other css elements and it won't float. No how no way.
So what am I not doing right?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css" media="all">
..bigbox { width:500px; height:200px;
border:solid 2px red;
}
..row1 { background-color:#FBFEBA;
text-align:center;
font-family:arial;
font-size:12pt;
border-bottom:solid 2px blue;
}
..row2a { background-color:#B1F9FE;
width:20%;
}
..row2b { float:left;
background-color:#B1F9FE;
width:30%;
}
</style>
</head>
<body>
<div class="bigbox">
<div class="row1">Artist</div>
<div class="row2a">Name</div>
<div class="row2b">Label</div>
</div>
</body>
</html>
float where I want it to?
When I display it in FF, "name" and "label" appear on two seperate
lines.with a float:left for "label".
Using the same example dorayme gave, it worked just fine.
I go to add in other css elements and it won't float. No how no way.
So what am I not doing right?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css" media="all">
..bigbox { width:500px; height:200px;
border:solid 2px red;
}
..row1 { background-color:#FBFEBA;
text-align:center;
font-family:arial;
font-size:12pt;
border-bottom:solid 2px blue;
}
..row2a { background-color:#B1F9FE;
width:20%;
}
..row2b { float:left;
background-color:#B1F9FE;
width:30%;
}
</style>
</head>
<body>
<div class="bigbox">
<div class="row1">Artist</div>
<div class="row2a">Name</div>
<div class="row2b">Label</div>
</div>
</body>
</html>