• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

CSS Help

SarcasticDwarf

SarcasticDwarf

Diamond Member
I made a picture!

The site I am referencing is in my sig. How it is done is there is an include for the header, footer, and left navigation. Each of these is defined in px (as I believe they need to be). The main viewing area is defined by a div tag in the CSS as px as well. Unfortunately, that wastes all the space there on higher resolutions. If I just define it as 100%, it uses 100% of the resoltion, so the width is 100%+px width of left nav.

Any ideas of a fix for this?
 
Change the relevant elements in your css to the following.

You don't need the 20px right padding in the #content but it stops it being flush to the right of the browser window. Adjust as you like I guess.


 
Thanks. I did that. Unfortunately, it creates a horizontal scroll bar (though it must be only by a few pixels or something, because it does not actually move). Thoughts?
 
Originally posted by: SarcasticDwarf
I made a picture!

The site I am referencing is in my sig. How it is done is there is an include for the header, footer, and left navigation. Each of these is defined in px (as I believe they need to be). The main viewing area is defined by a div tag in the CSS as px as well. Unfortunately, that wastes all the space there on higher resolutions. If I just define it as 100%, it uses 100% of the resoltion, so the width is 100%+px width of left nav.

Any ideas of a fix for this?
Click to expand...

CSS doesn't quite work this way, read this article:

http://www.alistapart.com/articles/fauxcolumns/

more layouts:
http://www.satzansatz.de/cssd/columnswapping.html
http://www.positioniseverything.net/guests/3colcomplex.html
http://www.maxdesign.com.au/presentation/liquid/

Here's a good discussion board for articles on CSS techniques, the links to the articles are also there:
http://www.456bereastreet.com/archive/categories/css/


Enjoyy!!!
 
You must log in or register to reply here.
Back
Top