Converting table-based layout to CSS — OZONE Asylum, home of the Mad Scientists

This page's ID: 10668

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	Yes, I'd like a floated version much better than absolute positioning, too. I already tried a few things, but it wouldn't work... Here's some CSS, it's for the header section: [code]#topbar { width: 100%; height: 40px; background: #222200; } #topframe { height: 40px; margin-left: 15%; margin-right: 15%; background: #444400; border-left: 1px solid #222200; border-right: 1px solid #222200; } #topframe #url { position: absolute; top: 0px; left: 15%; line-height: 40px; color: #ffee00; margin-left: 20px;} #topframe span a, #topframe span a:visited { color: #ffee00; } #topcenter { height: 40px; margin-left: 190px; margin-right: 30px; background: #222200; border-left: 1px solid #222200; border-right: 1px solid #222200; } #topcenter div { line-height: 40px; color: #ffee00; margin-left: 20px; }[/code] What would I have to change to avoid absolute positioning and get everything in one single line? If I just put text in the #topframe div, the #topcenter appears on its own line. Hmmm... [This message has been edited by kuckus (edited 02-05-2002).] Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post