Why are a lot of sites jusitified left? — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

Why are a lot of sites jusitified left?

This page's ID: 24630

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	I cam close to getting the site in strict, but I ran into some problems. I managed to upgrade to XHTML 1.0 Transitional, and get validated though, so at least now I've upgraded. See, got my Button! link removed* I started a strict version, but I ran into some troubles getting the layout. I managed to figure out a 3 column layout, but couldn't confine it to 700 pixel width. what im trying to do here is have a centered, 700 pixel wide site. I want the top row to be 700x23, a second element that is 700x87 (a total header of 110 px height). I was hoping the top little strip would be "background" and could have text over it. The second panel could just house the image. Images: image removed* image removed* For the content I was hoping for three regions, leftmost being at left 0, right most edge ending at 700. I tried the below code but got some very gross results. I'm looking for this sort of thing: image removed* This is what I tried: (with no luck... link removed* ) Any help would be appreciated! thanks in advance. I must say this stuff IS cool! my current css: [code]html, body { margin: 0px; padding: 0px; background-color: #000000; } #toppanel { position: absolute; top: 0px; bottom: 23px; left: 0px; width: 700px; background-image: url(link removed); } #topsecondpanel { position: absolute; top: 23px; bottom: 110px; left: 0px; width: 700px; background-image: url(link removed); } #leftpanel { position: absolute; top: 112px; height: 1600px; left: 0; width: 150px; background-color: #1D1E54; border:2px solid #D0C691; } #rightpanel { position: absolute; top: 112px; height: 1600px; right: 0px; width: 120px; background-color: #FFFFFF; border:2px solid #C7C092; } #content { position: absolute; top: 112px; height: 1600px; padding-left: 160px; /* 20px to play with / padding-right: 130px; / 20px to play with / background-color: #000000; border: 0px; } [/code] [small](Edited by [internallink=24629]kelownarealtor[/internallink] on 01-12-2005 11:05)[/small] [small](Edited by [internallink=24629]kelownarealtor[/internallink] on 01-12-2005 11:15)[/small] [small]Edit by Skaarjj: all links and images in this post were removed at the request of the author[/small] [small](Edited by [internallink=157]Skaarjj[/internallink] on 01-14-2005 02:18)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu