Css Problem???

liunx

Guest
I have a site up here (<!-- m --><a class="postlink" href="http://www.24brownstreet.com">http://www.24brownstreet.com</a><!-- m -->). The index page (and subsequently all others) are not working to my liking. My Css is here (<!-- m --><a class="postlink" href="http://www.24brownstreet.com/3col_leftNav.css">http://www.24brownstreet.com/3col_leftNav.css</a><!-- m -->). What I want is for the right hand column (the ad) to be closer to the middle column. My thinking is that I want it all to be compact. Right now, it doesn't. It's okay, but not great in 800x600, but it looks hideous the larger the display size. Please help, I am at my wit's end!Your problem is that you have it set to float right with no real limit as to how far right it can go. You could position it using a % in terms of screen size, or just position it with px and have it stay in one spot no matter what the users resolution is. I would also move your content to the right and up so it's not so far down. A person shouldn't need to scroll to find your content.As spufi said, the problem is with the floats. Since it appears that you want a fixed width layout, you might as well either set the width of each item and position them as desired, or wrap everything in a container div, with the width set on that. Also, be sure you make your content div a bit smaller, so it tucks nicely into the layout.
 
Back
Top