floating in IE and firefox for dummies

I know nothing about css and html really. I need to do a lot of work on a web site for the business I work for. Hopefully this forum can help.

I am just interested in positioning blocks of material within other material, and was doing the most basic test. Even this test doesn't work the same in IE6 and Firefox 1.5

In IE6 the floated material does what I expect; it floats right. (If I understand that correctly). In firefox it doesn't.

This is the code:

<!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=utf-8">
<title>Untitled Document</title>
<style type="text/css">
#parentbox {
position: absolute;
width: 200px;
float: right;
border: solid #ffffff 10px;
background-color: #cc9966;
text-align: center;
}
</style>
</head>

<body>
Hello There. I am just testing this little page. How do you suppose it will work.
<div id="parentbox">
<a href="example.com">link #1</a><br>
<a href="example.com">link #2</a><br>
<a href="example.com">link #3</a><br>

I am sure that you will find it interesting.
</div> Or, maybe you'll just get a migraine.

</body>
</html>

floating in IE and firefox for dummies

I am failing to even do the simplest foating div.

jesussaddle

Setek

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week