EN World frontpage - solution suggested

Spoony Bard said:
There's not much that can be done from the CSS end without changing the layout of the messageboards since both news and messageboards use the same CSS.

Use CSS id selector (i.e. div#singleDivIdName { ... } )

I'm sure it can be done.

You could also try the child and sibling selectors ( > and + )

You could also try making the page actual xhtml-transitional instead of just saying so in the <!DOCTYPE... Alot of formatting issues become alot easier to manage if you actually follow the standard.

Spoony Bard said:
I'm trying to learn enough MySQL to write a new news-digest module to automate the process, and once that's in place I may be able to include conditional calls in the template sheet to determine browser window sizes and adapt accordingly. But for the moment it's done by hand, and short of doing this multiple times there isn't much that can be done.

Please don't do that. The page shouldn't care how big the browser window is. It should flow no matter the browser window size.

I don't know exactly how the page is set up right now, but a couple of float:left and float:right styles can go a long way.

I've just been too polite to complain, but the layout is horrid. No matter what size the browser window is.
 

log in or register to remove this ad

reanjr said:
I've just been too polite to complain, but the layout is horrid. No matter what size the browser window is.

Not to have relatively non-constructive criticism, I just did a cursory examination of what's going on.

Removing the <table class="page">, then taking everything that is in column 1 and putting it in a <div style="float:left"> then everything in column 3 and putting it in a <div style="float:right"> then taking everything in column 2 and letting it all hang out should give you a much more readable layout. And if you need to space out columns, don't use a <td width="15">, but rather set the padding or margin of the adjacent <td> tags to 7 or 8 or one of them to 15.
 

Using IE 5.0 I take it. How do I know? Cause the boards only shoot that particular bit of cold to IE 5.0 or earlier (If you are using i.e. 6 and you're seeing that page then there's a logic error I'm not aware of or the news page isn't using the $spacer_open template correctly).

Herein lies part of my problem. Vbulletin is configured to shoot out different versions of the page depending on the browser. I test using IE 6, and NS 6, and I'm seriously considering adding Firebird to that list because of the growing number of users out there who make use of it.

Now, in a perfect world all the browser manufacturers would follow these standards you allude to and neither I nor the makers of vbulletin wouldn have to tweak the code to make sure that it displays reasonably well on all major platforms. (No, I don't intend to make sure the boards display correctly on Netscape 2.0) And, BTW, you have *no right* to complain about the pages you get not following W3C standards while still using a browser that wouldn't know what to do with a page that follows those standards.

Also bear in mind that the people who submit and write the news on the front page aren't necessarily web gurus or coders. They are dedicated volunteers who provide and edit material which the system then applies most of the formatting to. And that formatting can change depending on the client browser, up to a point.

At the moment I have enough headaches to deal with than to tinker with the code of a section of the site that has been running perfectly well for 5 months with no complaints. In time I may address your complaints though it could easily take a day or two to do. The formatting suggestions you imply aren't a simple matter of altering a CSS style sheet or two - I'd have to dig through the templates to find the ones involved with the problem. Each edit has to be checked against two different browsers and 6 style sheets.

That's a heck of a lot of work, especially when you compare it to the simplest solution - maximize you browser window.
 

Spoony Bard said:
Using IE 5.0 I take it. How do I know? Cause the boards only shoot that particular bit of cold to IE 5.0 or earlier (If you are using i.e. 6 and you're seeing that page then there's a logic error I'm not aware of or the news page isn't using the $spacer_open template correctly).

Due to your slightly rude comment below ("you have *no right* to complain about the pages") about my browser choice, I find it amusing that no I am not using IE 5. I'm not using any version of IE in fact. Though my browser is being identified to your site as IE 6. Which means that, if that is the case, you have a logic error somewhere. :)

Herein lies part of my problem. Vbulletin is configured to shoot out different versions of the page depending on the browser. I test using IE 6, and NS 6, and I'm seriously considering adding Firebird to that list because of the growing number of users out there who make use of it.

A a professional suggestion, do initial testing/debugging on Firebird. If it works there, it's a pretty sure bet it will work on both Netscape and Mozilla.

Spoony Bard said:
Now, in a perfect world all the browser manufacturers would follow these standards you allude to and neither I nor the makers of vbulletin wouldn have to tweak the code to make sure that it displays reasonably well on all major platforms. (No, I don't intend to make sure the boards display correctly on Netscape 2.0) And, BTW, you have *no right* to complain about the pages you get not following W3C standards while still using a browser that wouldn't know what to do with a page that follows those standards.

Well, I think it's more of a chicken and egg problem. If Web Devs had followed standards, so would have the browsers. Since the Web Devs ignored the standards, the browsers had to be tweaked so that when they encounter any non-standard things, they switch rendering modes into quirks mode. The reason I said to actually follow the standard is that all the major browsers DO render almost exactly the same if the standards are followed. I can't tell you whether or not that would be the case with this site, but it is likely that if vB followed the standards, they wouldn't need to return different pages to different browsers.

Spoony Bard said:
Also bear in mind that the people who submit and write the news on the front page aren't necessarily web gurus or coders. They are dedicated volunteers who provide and edit material which the system then applies most of the formatting to. And that formatting can change depending on the client browser, up to a point.

At the moment I have enough headaches to deal with than to tinker with the code of a section of the site that has been running perfectly well for 5 months with no complaints. In time I may address your complaints though it could easily take a day or two to do. The formatting suggestions you imply aren't a simple matter of altering a CSS style sheet or two - I'd have to dig through the templates to find the ones involved with the problem. Each edit has to be checked against two different browsers and 6 style sheets.

That's a heck of a lot of work, especially when you compare it to the simplest solution - maximize you browser window.

I didn't mean to imply that what I was suggesting could be done entirely in CSS or that it could be done easily. My problem actually doesn't stem from the top section where the other person was complaining about. I'm actually more distraught that once you scroll down (about 5 screens or so), the content is still squashed into a third of the window.

Anyway, that's why I never complained before. I know what kind of work is involved (if not the particulars with th vB system). But since someone else brought up their own problems, I decided to put in my two cents about what I thought of the site design.
 

BardStephenFox said:
Using IE, it changed the Worldwide game day info from 2-3 words/line to 1-2 words/line in the same sized window. I even opened two windows just to compare side-by-side. Wacky! I think I ended up with a window ~579 pixels in size.
Wacky indeed! Was that with only the blockquote formatting, or with the UL line as well? The latter is somewhat suspect because it specifies a negative offset. Just haven't spent enough time digging into CSS to figure out how to do it in a less clunky way.

What happens if you set BLOCKQUOTE { margin-left: 0px } ? Can you tell what changed specifically to reduce the worldwide game day info from 2-3 words/line to 1-2 words/line?

As for window size, the problem with blockquotes seems to show up with window sizes up to about 700 (that's the point at which the center column reaches its minimal width). I doubt I'm the only one who has problems with this. Although most of the time the layout is tolerable. It's just those rare days when there is more than one "skinny" blockquote (like happened on July 23rd) which make me go AAAARGH!

Michael, I do appreciate all the effort you've put into this, and I understand you have other priorities as well. BSF's experience with IE shows that my "simple" solution may not be as simple as I thought (although I still cannot figure out why the heck it wouldn't work on any CSS-compliant browser!)

If and when you do dig yourself out from under your other projects, I would appreciate if you could have a look at the more general problem of how to optimize the overall layout so there's less wasted space - as befits the front page of a news site. Heck, maybe you could even come up with a separate "economical" styleset that crams as much info into as little space as possible. Would be also useful for people who want to check EN World from other platforms as well. Much more so than updating button colors on the fly anyway... ;)
 

Guys, I was a little snarky last night, and for that I'm sorry. I promise I will revisit EN World and deal with these formatting issues. I'd like to go back to the last display set used on PostNuke before we dumped it. I think I've figured out how that can be done, but it will take awhile to implement. Also, people tend to accuse me of switching things up too much, so leaving it alone awhile never hurt.
 

That's ok Spoon. We know this is a labor of love for you, and we do really appreciate how much you do for EN World, despite all the whining you get from us ;)
 

Remove ads

Top