« Just got back from 5 days on the Harley | Main | Upgrade to MT 3.01 has NOT fixed my comment spam problem »
August 9, 2004
Fixed CSS problems with new three column layout
Thanks to Steve for pointing out formatting problems with my new CSS for DGC under MT 3.01. God how I wish MT would fix these problems FOR me! Well, after two hours of futzing around with CSS, here is the solution. Basically with the Absolute tag in CSS, it will position your content (in this case the right and left link boxes) relative to the browser window in absolute terms from the upper left corner being 0,0. That means that the absolute is in relation to the browser window itself. So with my prior settings, when the browser was full size, it worked fine. When you resized, it made the link bars overwrite the rest of the content.
The fix is to get rid of the left and right absolute tags and use a big left margin to move your right box over. Leave the Top tags to get the boxes to appear at the top of your page. If you take that out, the linkboxes go to the bottom of your page.
Whew...
#leftlinks {
position: absolute;
top: 85px;
border:1px solid #FFF;
width:200px;
background-color: #FFFFFF;
overflow: hidden;
}
#rightlinks {
margin-left:729px;
position: absolute;
top: 85px;
border:1px solid #FFF;
width:170px;
background-color: #FFFFFF;
overflow: hidden;
}
Posted by Martin at August 9, 2004 10:35 PM
Trackback Pings
TrackBack URL for this entry:
http://www.nwventurevoice.com/cgi-bin/mt-tb.cgi/1255
Comments
dude - on my browser your site is totally wacked. Columns are on top of each other.
hope your trip was good - we were in BC and it was awesome
Posted by: chris at August 10, 2004 8:56 AM
Wait ... now it works. Browser cache problem. My goof.
Posted by: chris at August 10, 2004 8:57 AM
I wish we all had your tenacity when it came to CSS. I usually fall back to tables.
Posted by: Steve at August 10, 2004 10:21 AM
Post a comment
Thanks for signing in, . Now you can comment. (sign out)
(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)