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

[mrbass]

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]

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]

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]

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]

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]

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

 

[MaxDepth]

I think you did a fine job. Thanks for the website, too.

 

[bunker]

I just looked at it w/ IE 6.0 ???

Edit: WTH, are you still messing around? I just went back and it looks fine now.

 

[mrbass]

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]

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]

IE does not render the "dotted" border property.. it renders it as "dashed" instead :frown: