div not in right place....

A

admin

Administrator
Staff member
the last div should be on a line of its own like the first two are. instead the last one ends up in the middle of the second. here's the code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
.floatRight {float:right;}
.floatLeft {float:left;}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">

<div>
<input type=Radio name="Verified">Display only verified leads.
<input type=Radio name="Verified">Display only non-verified leads.
</div>

<hr>

<div>

<div>Date/Location:<br><br></div>

<span class="floatLeft">
Date
<select multiple name="DateRange">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<input type=Radio name="DateField">A
<input type=Radio name="DateField">B
</span>

<span class="floatRight">
Location

<select multiple name="Counties">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

Locations Within:
<select name="State">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

<input type="Submit" value="Refresh Location" name="Search/Refresh">

</span>

</div>

<hr>

<div>
This text should be on the next line.
</div>

</body>
</html><div style="clear:both;">This text should be on the next line.</div>
After floating an element you will nearly always require a clear
 
You must log in or register to reply here.
Back
Top