Skip navigation.

Posts tagged with "Firefox"

Help! CSS

, , , ...


This is how this blog should look:

screenshot of this blog with Mac Internet Explorer 5.2.3
Screen shot of this blog with Firefox 1.0.7.


...and this how it looks in Internet Explorer 5.2 for Mac:

screenshot of this blog with Firefox
Screen shot of this blog with Internet Explorer 5.2.3. for Mac Os X.




No title and the sidebar has no background nor any font setting!
This is a bit too much. Not mentioning the colors which look dirty.

I know it not easy to make a liquid layout, with the least hacks, which will looks OK in most browsers, and that IE is a major problem for CSS. It's getting better from what I heard but their will be no updates for Mac Os X.

I saw to a photographer friend who uses Mac OS X the other day. I peeped over his shoulder while he was surfing... And he was USING INTERNET EXPLORER!!!
What can I say. For somebody who doesn't do web pages and is not aware of the actual problems, I had to explain him what advantages he had using an other browser: TABS!
That made him change. But that means that even people "sensitive" to visual aesthetics hasn't noticed that some of the pages which look bad are not done on purpose.

So I had to check what this blog looked like. Before I didn't care about IE users, a bit because I thought they weren't in the same field, but no some ARE.

If you know or see a way to do some fixing this, PLEASE HELP.




Me too sometimes I fell like: Instant Badger ;D




CSS test n*2:Outset and Headers

, , , ...

Div, Headers n' borders


Headers inside a DIV with borders set to thin outset grey/gray(both work).
Notice how each browser render header width very differently. These are the smallest window width I could get without cutting out the content.



Firefox 1.0.7:



This is the only one where top bottom paddings are different. Huge right padding.

Internet explorer Mac 5.2.3:



Top bottom padding are equal. No margin above H1. Borders look solid.

Safari 1.3.1:



Top bottom padding are equal. Big right padding


Opera 8.5:



Top bottom padding are equal. H1 and H2 have more margin-bottom than Firefox, H6 has no margin-bottom.

CSS test n*1 -Inside tags: DIVS

, , ,

Comparing different tags, -no paddings, no margins:
compare the yellow aeras...


div
Done in Firefox

Download Opera, the fastest and most secure browser