Topic: Need CSS Layout help (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=25867" title="Pages that link to Topic: Need CSS Layout help (Page 1 of 1)" rel="nofollow" >Topic: Need CSS Layout help <span class="small">(Page 1 of 1)</span>\
 
bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

 posted posted 05-26-2005 06:43

So I have this page Which looks basically like I want it in Firefox. In IE it get's munched. Basically what I want is a two column layout with borders (and a header) and a flexible width.

Is there a way to do this without absolute positioning?

I can do this fixed width but I'd like not too (and not have to)

thanks



.:[ Never resist a perfect moment ]:.
reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

 posted posted 05-26-2005 20:11

real sloppy:

code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title></title>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
		<style type="text/css">
		@media screen {
			body {
				margin: 0;
				padding: 15px;
			}
			div {
				border: 1px solid black;
				margin: 3px;
			}
			p {
				margin: 1em;
			}
			#uber {
				padding: 0 0 3px 0;
			}
			#left {
				width: 300px;
				float: left;
				position: relative;
				bottom: 3px;
			}
			* html #left {
				right: 3px;
			}
			#right {
				margin: 0 3px 0 308px;
			}
		}
		</style>
	</head>
	<body>
		<div id="uber">
			<div id="header">
				<p>Lorem</p>
			</div>
			<div id="left">
				<p>Lorem</p>
			</div>
			<div id="right">
				<p>Lorem</p>
				<p>Lorem</p>
			</div>
		</div>
	</body>
</html>



(Edited by reisio on 05-26-2005 20:11)


Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« Backwards — Onwards »

Show Forum Drop Down Menu