Thread: Div

**purplefeltangel** · 08-11-2005 08:32 AM

Can anyone tell me how to make this work without using absolute positioning? I don't want to use absolute positioning because that makes it look like crap for some of my friends who are on lower screen resolutions. Any help is appreciated. Thanks!

**JoeCullen** · 08-11-2005 10:11 AM

HTML Code:

<head>
	<style type="text/css">
		body {margin:0px auto; text-align:center;}
		div {border:1px solid #000000; float:left; margin:1px;}
	</style>
</head>
<body>
	<div style="border:0px; width:200px;">
		<div style="height:400px; width:200px;">Sidebar</div>
		<div style="height:100px; width:200px;">Links Menu</div>
	</div>
	<div style="border:0px; width:600px;">
		<div style="height:100px; width:600px;">Top Bit</div>
		<div style="height:500px; width:600px;">Friends Only</div>
		<div style="height:100px; width:600px;">Other Bit</div>
	</div>
</body>

Change the sizes and borders etc to fit your site, if you want different screen resolutions to view it correctly I wouldnt go any wider then 800px. Not many computers have less then that now. Those that do will just have a horizontal scrollbar if you force its size to 800.

Thread: Div

Thread Tools

Display

Div

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions