verschiedene Stylesheets fuer versch. Browser
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ahnung
bedeuten
beitrag
button
datei
direx
eleganter lsen
erg
extra
formen
gen
laden
meinung
men
mitte
opus
sen
struktur
testseite
variant
-
Morgen! Ich hab da so ein Problemschen;
ich habe gerade mit der 2. version meiner hp angefangen und bin schon auf probleme gestossen. der firefox, mozilla, netscape, opera und konqueror zeigen alles ordentlich an - nur der internet explorer hat irgendwelche probleme. da will ich nun eine extra css-datei fuer den ie erstellen (soll ja leute geben, die immer noch mit denm ie unterwegs sind
).
Wie lege ich nun in meinen html-dateien fest, welche stylesheetdatei fuer welchen browser verwendet wird? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Also ich w?rde sagen mit PHP in ner if abfrage den browser abfragen und dann die bestimmte css datei einf?gen, ok dass ist die struktur die meiner meinung nach 100 gehen muesste weil welchen browser man hat kann man auf jedenfall mit php herausfinden (abfragen)...
Muesste jetzt mal einer kommen der Ahnung von PHP hat, und das bin ich nicht! Aber so muesste es gehen -
Ich hatte genau das gleiche Problem.
Zu l?sen ist es so:
<!--[if IE]><style type="text/css">@import url(datei_fuer_den_ie.css);</style><![endif]-->
Mit if IE wird abgefragt, ob der IE als Browser benutzt wird.
Wenn das der Fall ist wird einfach ein weiteres Stylesheet eingebunden.
Klappt ohne Probleme (und ohne JS).
H2O -
Kann man das nicht eleganter loesen?
Ich dachte es ging auch irgendwie so:
<link rel="stylesheet" href="css/main.css" type="text/css"><!--[if IE]> und ab hier weiss ich nicht, was kommt!<![endif]-->
Aber was soll da genau in die mitte rein? -
Ich hatte genau das gleiche Problem.
Zu l?sen ist es so:
<!--[if IE]><style type="text/css">@import url(datei_fuer_den_ie.css);</style><![endif]-->
Mit if IE wird abgefragt, ob der IE als Browser benutzt wird.
Wenn das der Fall ist wird einfach ein weiteres Stylesheet eingebunden.
Klappt ohne Probleme (und ohne JS).
H2O
Danke schonmal! So hatte ich mir das vorgestellt. Aber irgendwie klappt das noch nicht richtig. Hier ist mal meine HTML-Datei:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Testseite</title>
<meta name="author" content="Daniel Klaffenbach">
<link rel="stylesheet" href="css/main.css" type="text/css"><!--[if IE]><style type="text/css">@import url(css/main_ie.css);</style><![endif]-->
</head>
<body>
<!--Das ist das Men?-->
<div id="rahmen_oben">
<img src="images/menue/obenlinks2.png" width="6" height="6" border="0" alt=""><img src="images/menue/spacer.gif" width="138" height="6" border="0" alt=""><img src="images/menue/obenrechts2.png" width="6" height="6" border="0" alt="">
</div>
<div id="menue">
<a class="link_home" href="test.htm">Home</a>
<a class="link_bilder" href="bilder.htm">Bilder</a>
<a class="link_downloads" href="downloads.htm">Downloads</a>
<a class="link_links" href="links.htm">Links</a>
<a class="link_forum" href="http://direx.pyrokar.lima-city.de/phpBB2">Forum</a>
<a class="link_werbung" href="webung.htm">Werbung</a>
<a class="link_about" href="kontakt.htm">About</a>
</div>
<div id="rahmen_unten">
<img src="images/menue/untenlinks2.png" width="6" height="6" border="0" alt=""><img src="images/menue/spacer.gif" width="138" height="6" border="0" alt=""><img src="images/menue/untenrechts2.png" width="6" height="6" border="0" alt="">
</div>
<!--Men? Ende-->
</body>
</html>
Das mit den unterschiedlichen Stylesheets klappt schon mal. Aber der IE zeigt das Menue irgendwie viiieeeel zu klein an!
Beitrag ge?ndert am 30.12 00:47 von direx -
ich sags mal so...nimm den befehl aus den kommentarzeichen raus
und mach gescheite javascriptzeichen
mfg -
Mit Javascript will ich nix (mehr) machen. Das soll alles schoen in CSS sein. Das mit den unterschiedlichen Stylesheets funzt nun auch. Ich habe alles in den Griff bekommen.
Danke, h2o!
Beitrag ge?ndert am 30.12 02:07 von direx -
<link rel="stylesheet" href="css/main.css" type="text/css">
<!--[if IE]><style type="text/css">@import url(css/main_ie.css);</style><![endif]-->
Am Besten sage ich noch dazu, was das genau bewirkt. *g*
Also dadurch wird ein anderes Stylesheet eingebunden.
Das Stylesheet ersetzt das erste aber nicht, sondern es erg?nzt nur.
H2O -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage