browserweichen

martinschweiz · 30.05.2007, 00:45

Hallo.

Folgendes Problem:
Habe eine Seite mit Navi gebastelt, welche im FF gut funktioniert.
http://www.rodolpheschacher.com/index.php
öffnet man die Seite im im IE, sind die Sprachbuttons verschoben.
Habe herausgefunden, wo der IE meine css-datei anders (falsch...) interpretiert:

hier der code:
#languagetabs{
padding: 3px 0;
margin-right: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px Verdana;
list-style-type: none;
background-color:#a7a7a7; //*zwischenraum zwischen tabs*//
clear: left;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

nehme ich 'clear:left' raus, stimmts im IE (dafür im FF nicht mehr...)

nun habe ich im SELFHTML über Browserweichen nachgelesen und habe eine solche folgendermassen eingefügt:

<link rel="stylesheet" type="text/css" href="css/main.settings.css" />
<link rel="stylesheet" type="text/css" href="css/tabcontent.css" />

<script type="text/javascript" src="js/tabcontent.js"> </script>
<script type="text/javascript" src="js/switchcontent.js" ></script>

wobei in der datei css/ie.css das ' clear:left' fehlt (und also vom IE richtig interpretiert werden sollte?).

Warum ver....mmt funktioniert es immer noch nicht?

Man möge mir zu solch nächtlicher Stunde eine gewisse Vulgarität verzeihen....

Danke um jede Antwort!

Adromir · 30.05.2007, 09:40

Das Problem ist, daß für den IE das andere Stylesheet mit dem clear:left ja auch gilt. Und deswegen übernimmt er die Eigenschaft auch.

In deinem IE Stylesheat musst du die Eigenschaft mit clear:none explizit aufheben..

btw. Du kannst aus deinem IE- Stylesheet alle CSS- Definitionen rauslöschen, die sich nicht vom anderen Stylesheet unterscheiden. Wäre unnötig doppelt gemoppelt..

Nicolas · 30.05.2007, 10:01

Machs doch einfach so:

Code:

#languagetabs{
padding: 3px 0;
margin-right: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px Verdana;
list-style-type: none;
background-color:#a7a7a7;						//*zwischenraum zwischen tabs*//
clear: left !important;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

Dieses

Code:

!important

nach einer CSS Anweisung ist Browserweiche genug. Die guten Browser wie Firefox und Co beachten es, und stufen die Anweisung auch als wichtig ein. Damit werden dann sogar vorherige Anweisungen der gleichen Art überschrieben.
Der "böse" Browser IE kann mit dem

Zitat:

!important

nichts anfangen und ignoriert die Anweisung.

Grüße,
Nico

martinschweiz · 30.05.2007, 10:14

Die Lösung von Adromir mit clear:none funktioniert einwandfrei.
Die Lösung mit clear left; !important; hat nicht funktioniert...

Dank Euch auf jeden Fall herzlich für Euer Engagement!

LG, Martin

rewboss · 30.05.2007, 11:16

Vor allen Dingen soll man solche Lösungen wie dieses !important-Hack vermeiden. Selbst wenn es stimmen würde, gäbe es keine Garantie dafür, dass es auch in künftigen IE-Versionen stimmt.

Adromir · 31.05.2007, 00:30

Deswegen finde ich die Conditional Comments für den IE als die beste Möglichkeit um dieses Versuchsprojekt von Browser direkt ansprechen zu können..