dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: Div

  1. #1
    Join Date
    Aug 2005
    Posts
    1

    Div

    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!

  2. #2
    Join Date
    Jun 2005
    Posts
    35
    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.
    Last edited by JoeCullen; 08-11-2005 at 11:19 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles