CSS an OPERA und FireFox anpassen

[Wiesel]

Hi,

ich habe ein css-file geschrieben welches mir div-elemente ausrichtet und formatiert.

nun habe ich das probem, das es im ie wunderbar aussieht nur im firefox und opera stelt er die elemente nicht so dar wie ichs mir vorstelle.

könnt ihr mir da vielleicht helfen?

hier mein css code:

#Main {

height:400px;

width:700px;

margin-left:auto;

margin-right:auto;

margin-top:30px;

}

#Header {

line-height:10px;

padding:10px;

border:1px solid #999;

background-color:#eee;

}

#Content {

float:right;

position:fixed;

margin-left:auto;

margin-top:10px;

width:495px;

padding:10px;

border:1px solid #999;

line-height:15px;

height:400px;

background-color:#eee;

}

#Menu {

position:fixed;

margin-top:10px;

width:150px;

height:410px;

padding-left:10px;

padding-top:10px;

padding-right:10px;

background-color:#eee;

border:1px solid #999;

line-height:15px;

}

#BottomRight {

float:right;

position:fixed;

margin-left:auto;

width:515px;

height:10px;

}

#BottomLeft {

position:fixed;

width:170px;

height:10px;

}

[tobias-digital]

Warum einfach wenn's auch schwieri geht ...

Normalerweise schreibt man ein CSS, testet es in einem Browser, der es nahzu 100% richtig interpretiert (z. B. Firefox) und passt es dann an fehlerhafte Browser (z. B. Internet Explorer) unter zuhilfename von "Conditional Comments" an, z. B. so:

<!--[if IE]>

According to the conditional comment this is Internet Explorer<br>

<![endif]-->

<!--[if IE 5]>

According to the conditional comment this is Internet Explorer 5<br>

<![endif]-->

<!--[if IE 5.0]>

According to the conditional comment this is Internet Explorer 5.0<br>

<![endif]-->

<!--[if IE 5.5]>

According to the conditional comment this is Internet Explorer 5.5<br>

<![endif]-->

<!--[if IE 6]>

According to the conditional comment this is Internet Explorer 6<br>

<![endif]-->

<!--[if gte IE 5]>

According to the conditional comment this is Internet Explorer 5 and up<br>

<![endif]-->

<!--[if lt IE 6]>

According to the conditional comment this is Internet Explorer lower than 6<br>

<![endif]-->

<!--[if lte IE 5.5]>

According to the conditional comment this is Internet Explorer lower or equal to 5.5<br>

<![endif]-->


<!-- Quelle: http://www.quirksmode.org/css/condcom.html -->

Gruß, Tobias

PS: den Opera Browser ignoriere ich grundsätzlich.

[Aiun]

das der IE das "richtig" und der Firefox "falsch" darstellt, wage ich mehr als zu bezweifeln.

"position:fixed" wird vom Internet-Explorer 6 immer noch nicht unterstützt und daher als Absolute interpretiert.

" border:1px solid #999;" RGB-Code hat 6 Zeichen, nicht drei...

ansonsten sehe ich in dem CSS keine Probleme

tobias-digital ... wir müssen doch nicht alles runtermachen. Auch Opera hat sich verbessert. Und die Aussage "ignoriere ich grundsätzlich" is ja zum ****en...

bist du Anwendungsentwickler ?

man "ignoriert" schonmal gar nix .... wenn dann hast du entschieden das eine detailierte Analyse bzgl. Opera ein zu hoher aufwand währe. Grundsätzlich, da er schon verbreitet ist, musst du auch Opera in deine gedanken einbeziehen.

ney ney ney....^^

[kills]

Hi,

" border:1px solid #999;" RGB-Code hat 6 Zeichen, nicht drei...

Die Syntax mit 3 Zeichen ist ebenfalls korrekt!

Wegen eurer Philosphie mit Browsern etc. sag ich ma nix, da das schon sehr sehr sehr oft auf der Tagesordnung stand.

Gruß,

Markus