Beta

A Showroom Log by Bojan

Date joined: 6. Nov 2005
Birthday: 19.8.1984
Comments posted: 134
Last active: 702 days ago
Profile

HTML Mayhem

How to lose 5 hours due to dumb browsers

So after reading countless articles on how CSS is the thing in webdesign and how it should be used as much as possible and even how the old table layout is archaic compared to the new uber cool css-div based position, I decided to give it a try. Took me a while to change the main template into div elements, set the style properties correctly when I hit my first problem: you can't set div columns to have 100% height. Ok after an hour or so I decided to just lose those div columns - I didn't like that, but hey, as long as it works...
Then when I finally managed to create a style, I adapted it for acms, uploaded it to sr3 and tried it out. It looked ok in Firefox (on which I was developing). But since the main browser is of course IE, I fired that up and tested the site. The result wasn't what I expected. So I spent the next 3 hours trying to remove the differences to achieve a unified look on all 3 browsers I can run on windows (ie, ff, opera). Funny thing was that with certain positioning I just couldn't get IE and FF to show the same layout. Right then I lost my nerves and threw everything away. After lunch (mmm pizza), I tried again, losing another 2 hours to remove the differences and as a result, the whole template of showroom3 has changed having only one visible difference: the lack of instant login from the top bar. Once again being an IE thing (which adds huge spaces around <form> elements), I simply decided to lose the feature.

What have I accomplished?
Showroom3 now has a nice, clean, css template, which 99.9% will claim that it's worse than before since the login box is missing.
I bet that Netscape and IE 5.5 don't display the site properly, which means I'm probably gonna return to old school table style soon...

Anyway to those that want to try out the css styled page layout. It's a really nice thing when developing for one browser only. But when you need a site that is 100% compatible with all browsers, go with the old school tables.
Oh, and I tried acid2 test on IE7 the other day. It fails miserably.

Posted on 3. June 2006 17:31 | Views: 302

Rating
 
Meaning of Showroom >>

Tags

css    development    html    html design    showroom3    web    web design    webdesign    webpage    

Comments

Total: 3   Per page:

Poster Message
vellu


Last active: 132 days ago
Posted on 3. June 2006 19:01

Yeah, I too am familiar with the same thing; getting a page to look the same on different browsers... It always seem to fall back to the oldest/smallest common factor and everything considered modern just doesn't produce similar results. Damn frustrating indeed.

vellu

send pm profile
maeTimmae


Last active: 1243 days ago
Posted on 3. June 2006 21:54

Haha, oh... My deepest sympathy... I hate these different interpretations of cascading stylesheets, too.
The W3C stuff is only interpreted correctly by Mozilla browsers (and by the Opera's / Netscape's newest browsers), MS gave a shit on the correct layouting via css (just look at their box-model which causes so many errors and problems.

I solved this problem with this:

<link rel="stylesheet" href="stylesheet.css" type="text/css" />
<!--[if lte IE 6]>
<link rel="stylesheet" href="template/msie6_fix.css" type="text/css" />
<![endif]-->

Which allows you to overwrite the wrong interpreted thingies with other values in another stylesheet.
Another suggestion is to set all values for all objects (means to set the border and stuff manually for form-elements and inputs and so on) which is a bit annoying and useless for most of the common browsers but good to keep irregularity away from all displays ;)
I agree in the thing of the 100% height thing but you won't need it for the general layout. If the parent element is a kind of block element with a given height the height can be set to 100%...

Anyways, the table-layouting is ok because it is the safest way... Just in my opinion too complex for modern and individual designs^^
I guess there are more important things than a super duper uber clean css-design and I'm looking forward to the upcoming stuff :)

Paths develope by walking them

send pm profile
Bojan


Last active: 702 days ago
Posted on 5. June 2006 10:12

Heh, I now tried the site in opera 9 and here we go again. Messed up display of the bottom of the page :x
send pm profile

Post comment


Login or Register to post comments
Showroom3
Privacy Policy :: About :: Contact us :: Rules :: Terms of Service
Showroom3 (c) 2006. Powered by squirrels with nuts.
Style Bubbly by Bojan
RSS