Two column layout

Forum Moderators: not2easy

Message Too Old, No Replies

Two column layout

Opera is the only browser having trouble

limbo

2:44 pm on Mar 11, 2005 (gmt 0)

Tested in IE 5, 5.5, 6, FF, Netscape, Mozilla and Safari - all ok.

But no joy with Opera 7 - can anyone get this to work?

<html>
<head>
<title>two column</title>
<style type="text/css">
#airlock {
background-color: #ff0;
width: 100%;
float: right;
margin-left: -200px;
border-top: 1px solid #fff;
}
#tupperware {
background-color: #fc0;
float: left;
width: 200px;
}
#bubble {
background-color: #3f0;
margin-left: 200px;
border-top: 1px solid #fff;
}
</style>
</head>
<body>
<div id="airlock">
<div id="tupperware">navigation</div>
<div id="bubble">text</div>
</div>
</body>
</html>

Supposed to be fixed left column fluid layout.

ItsCosmo

3:21 pm on Mar 11, 2005 (gmt 0)

Add a DOCTYPE declaration, such as

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

I tried this and it seemed to work.

limbo

3:47 pm on Mar 11, 2005 (gmt 0)

Thanks, I had the doctype:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

(removed original for illustration here)

Adding the additional comment you suggest works :)