CSS kinda sucks...it's so hard to get right for every browser

mrbass

Senior member
Sep 13, 2001
773
0
0
I recently redid my homepage using CSS buttons mixed with tables, etc. Oh my oh my ....it took me way longer (like 2 or 3 days of on/off screwing around) than I anticipated. Sure I could redo the whole thing now in 30 mins or so but the hardest part was figuring out how to make it look semi-decent in Opera, IE and Mozilla (firefox).

Example IE it puts a invisible {br} Breakline. Then Mozilla squeezes it too close together so I had to look up CSS2 references and experimented with every freaking element known to cave men to finally find one that worked ..I think it was "line-height:" ...good moses.

Well I try to avoid javascript and flash with a vengeance but I guess I don't blame those who do use flash as I've used it before and could easily crank out cool looking (but irrating as heck) stuff in no time. I guess CSS is only good for a:hover and text-decoration none and that's about it unless you want a headache.
 

KeyserSoze

Diamond Member
Oct 11, 2000
6,048
1
81
I dont' have any input on your CSS troubles, but let me thank you again for your great site. (MrBass.org)

Good stuff.






KeyserSoze
 

screw3d

Diamond Member
Nov 6, 2001
6,906
1
76
Yes I agree.. it is a huge pain to make it look the same across all browsers.

I have a feeling that the way IE render your page is probably wrong :)
 

Derango

Diamond Member
Jan 1, 2002
3,113
1
0
Originally posted by: screw3d
Yes I agree.. it is a huge pain to make it look the same across all browsers.

I have a feeling that the way IE render your page is probably wrong :)

Yea, thats what I found. Usually mozilla/firebird/firefox renderes the css the way I think it should look. Then I have to do some stupid tweaks in order to get the same thing working right in IE as well, and even then its a "close enough" situation rather than spot on perfect.
 

rh71

No Lifer
Aug 28, 2001
52,844
1,049
126
CSS is an acquired taste to attempt to use on every project. Once you get rolling and know the INS and OUTS... you should be good to go and be more comfortable applying it.

<-- hasn't acquired the taste (maybe after more standardization in the future) &not;
 

mrbass

Senior member
Sep 13, 2001
773
0
0
Originally posted by: screw3d

I have a feeling that the way IE render your page is probably wrong :)

yes IE screws it up...there is no way to get rid of the space (line break). Then mozilla renders it scrunched up against the table buttons so I'm forced to add some more space which make IE look even worse with all that space between it.



Internet Explorer
Mozilla and Firefox
Opera
 

mrbass

Senior member
Sep 13, 2001
773
0
0
no I wasn't messing around ...evidently it didn't load the index.css for whatever reason that time. I sure hope that doesn't happen too often or people will laugh.
 

jjones

Lifer
Oct 9, 2001
15,424
2
0
I stick with mostly CSS1 standards and some CSS2 that has full cross-browser compatibility. Not sure exactly what problems you are referring to because I don't have any at all, although I don't bother to check how things look in Opera; I just worry about IE and Mozilla. I was under the impression that Opera had some CSS implementation issues, but maybe I'm thinking of something else.
 

screw3d

Diamond Member
Nov 6, 2001
6,906
1
76
IE does not render the "dotted" border property.. it renders it as "dashed" instead :frown: