MKruer wrote:It’s a matter or presentation, and depending on the density of the text, you will always have some white space, the question is where are you going to place it? I think that most people try to balance a web page, spreading the information as equally as possible across the entire page. So either people try to center the contents or they split the continents by left/right justification or full justification. If the width of the page was static then that’s fine, but doesn’t it seems a little odd having a dynamic page and then only using 70% of the space and justifying to the left?
I am using the 1920x1200 as an extreme example, but the effect still starts showing up after 1024x768 marks, albeit not as noticeable until the high resolutions. Ironically the front page of the forum actually can demonstrate better positioning. There are two forum topics that would benefit from the space. I am attaching a photoshopped image elaborating this. I am sure that I can find more examples of this. If one also switches to the original template (subsilver2) it does not have this issue, and in my opinion correctly distributes the information across the page.
I don’t care if it’s changed in the default style; I just want to know how to manipulate the CSS to achieve the affect I am looking for.
The problem is that float works with the widths.
If you have a fixed layout, you can apply fixed widths, if you are aiming for a fluid layout, you should use fluid widts.
Combining them will problems, either on small screens, or big screens.
for example:
you have 800 x 600 screen, so your forum is 780px. if you have last post on 150px and topics/replies on 100, that leaves 430px left for your index content is about 55%.
If you have your resolution of 1920 x ##, then you have 1570px for the index content, how ever if you set it to 55% so it also works on 800 screens, you would only use 55% of 1920px, which is about 1050 px. Because the elements are floated 'left', they will stick to this, and leave a 500px gab at the end of your forum.
What you could do to solve this, is float the topics/replies/last post to the right., the order of these fields would then also change, you would then get something like this:
FORUM | 500px gap | LastPost | Topics | Replies
Then you are still stuck with your 500px gap, but that you cannot solve with css.
But I think this solution comes close to what you are trying to achieve, but you still have a gap, due to combination of fluid and fixed size usage, and the order of you lastpost/topics/replies is changed, but you could solve this by changing the order within your html code.
