CSS befehl der nur auf IE angewendet wird

Johnny990 · 18 Januar 2010

Hi eine etwas blöde Frage:

gibt es in CSS einen Befehl, welcher nur auf dem Internet Explorer angewendet wird...

Altes problem: IE stellt mal wieder alles anders dar als die "guten" Browser...

hab bspw. ein margin left welches bei allen anderen richtig angezigt wird, jedoch ich beim internet explorer den doppelten margin-left value brauche um den text an die richtige stelle zu bekommen...

VG

prm · 18 Januar 2010

Ja, gibt es.
Prüfe aber vorher, ob deine Seite einen qualifizierten Doctype hat. Denn damit stellt auch der IE die Abstände meist korrekt dar: Boxmodell und Internet Explorer
Beim IE 6 könnte auch das noch die Ursache sein: IE-Doubled-Float-Margin-Bug

Falls das nichts hilft melde dich nochmal, am besten mit einem Link zur Problemseite.

Johnny990 · 18 Januar 2010

IE 6 hab ich (zum Glück nicht) und will auch jetzt gar nicht wissen wies da aussieht...
geht aktuell im IE 7 bzw im Kompatibilitätsmodus vom 8er nicht

Doctype ist folgender

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Müsste ja passen oder?

ach ja und wie geb ich das nun in der css an, gewisse sachen nur auf IE anzuwenden?

prm · 18 Januar 2010

Der IE 7 sollte mit dem richtigen Doctype in der ersten Quelltextzeile keine Probleme machen.
Prüfe auch mal, ob die Seite hinsichtlich HTML und CSS valide ist.
Evtl. hilft auch dies: Unterschiedliche Abstände in verschiedenen Browsern

Deshalb bitte einen Link zur Seite.

Johnny990 · 18 Januar 2010

Seite ist lokal leider...

mich würde aber generell mal interessieren wie ich das auf einem Browser spezifiziere! Kann mir das nun mal wer sagen?

prm · 18 Januar 2010

Ich gehe immer noch davon aus, dass es nicht erforderlich ist.
Aber wenn du drauf bestehst: SELFHTML: Stylesheets / CSS-basierte Layouts / Browserweichen

Johnny990 · 18 Januar 2010

kann dir gerne mal das html zeigen:

HTML:

<fieldset id="fieldset-contact_form"><legend>Senden Sie uns eine Email</legend>
<form id="contact_form" enctype="application/x-www-form-urlencoded" action="" method="post"><dl class="zend_form">
<dt id="name-label"><label for="name" class="required">Ihre Name</label></dt>
<dd id="name-element">
<input type="text" name="name" id="name" value="" title="Pflichtfeld" />
<ul class="errors"><li>Dieses Feld darf nicht leer sein.</li></ul></dd>
<dt id="email-label"><label for="email" class="required">Ihre Email</label></dt>
<dd id="email-element">
<input type="text" name="email" id="email" value="" title="Pflichtfeld" />
<ul class="errors"><li>Dieses Feld darf nicht leer sein.</li></ul></dd>
<dt id="phone-label"><label for="phone" class="optional">Ihre Telefonnr.</label></dt>
<dd id="phone-element">
<input type="text" name="phone" id="phone" value="" /></dd>
<dt id="subject-label"><label for="subject" class="optional">Betreff</label></dt>
<dd id="subject-element">
<select name="subject" id="subject">
    <option value="Anfrage: Allgemeine Kontaktanfrage" label="Allgemeine Kontaktanfrage" selected="selected">Allgemeine Kontaktanfrage</option>
    <option value="Anfrage: Technische Probleme" label="Technische Probleme">Technische Probleme</option>
    <option value="Anfrage: Frage zu Anzeigen/Werbung/Banner" label="Frage zu Anzeigen/Werbung/Banner">Frage zu Anzeigen/Werbung/Banner</option>
</select></dd>
<dt id="question-label"><label for="question" class="optional">Anfrage</label></dt>
<dd id="question-element">
<textarea name="question" id="question" rows="24" cols="80"></textarea></dd>
<dt id="captcha-label"><label for="captcha-input" class="required">Tippen Sie dieses Wort ab</label></dt>
<dd>
<img width="220" height="50" alt="" src="http://127.0.0.1/zf/public/captchas/750d8840cec60cda5cc542c71febdc57.png"/><br/>
<input type="hidden" name="captcha[id]" value="750d8840cec60cda5cc542c71febdc57" id="captcha-id" />
<input type="text" name="captcha[input]" id="captcha-input" value="" />
<ul class="errors"><li>Das eingegebene Wort ist falsch.</li></ul></dd>
<dt id="submit-label">&nbsp;</dt><dd id="submit-element">
<input type="submit" name="submit" id="submitbutton" value="Email senden" /></dd>
<dt id="no_reload-label">&nbsp;</dt>
<dd id="no_reload-element">
<input type="hidden" name="no_reload" value="e937adf04ae6db0fc895dc33f0fa1637" id="no_reload" /></dd></dl></form></fieldset>

So , probleme machen jetzt die <ul> - Errors

die sind im IE zu weit links !!!

Hier mein CSS

HTML:

ul.errors {
font-weight:lighter;
font-size: 11px;
color: #f96f68;
width:20em;
margin-top: 1px;
list-style: none;
margin-left:39px;

}

Efchen · 19 Januar 2010

Bei <ul> ist bekannt, dass verschiedene Browser die Einrückungen unterschiedlich machen.

Der eine nutzt dazu nur margin, ein anderer nur padding und wieder ein anderer nutzt eine Kombination aus margin und padding.

Bei CSS gilt: Eigenschaften, die Du unbedingt so und nicht anders haben willst, musst Du setzen (wie z.B. den weißen Hintergrund einer Seite, den hat nicht jeder per Default). Und wenn Du keine Abstände willst, musst Du beide, Innen- und Außenabstand, auf 0 setzen. Tust Du das nicht, heißt das für den Browser, Dir ist es egal, wie groß die Abstände sind.

CSS befehl der nur auf IE angewendet wird

Johnny990

Neues Mitglied

prm

Aktives Mitglied

Johnny990

Neues Mitglied

prm

Aktives Mitglied

Johnny990

Neues Mitglied

prm

Aktives Mitglied

Johnny990

Neues Mitglied

Efchen

Guest

Neueste Beiträge