PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [HTML/CSS] <fieldset> im IE verschönern, damit aussieht wie MFF1.0.4/FU8


Maisaffe
19.09.2005, 19:34
Danke, Danke.
Ja, kein Applaus.
Ich weiß, hier herscht Ebbe, aber deswegen müsst Ihr mir nicht applaudieren, weil ich ein Thread eröffnet habe...
Verrückt diese WebDevler. http://www.multimediaxis.de/images/smilies/old/1/ugly.gif

Okay, Topic: IE sieht komisch aus (triffts in etwa).

Bild zum Code (http://www.dennismeckel.grandys.de/vbfake/.uploads/2005_09_19.20_28_06.the_fu_browser.png)


<fieldset style="width:576px;"><legend>Logindaten</legend>
<form action="?executed=login" method="post">
<div>
<input name="nickname" size="32" maxlength="32" value="Benutzername" id="nickname" onclick="clear_value('nickname');" />
<input name="password<?php echo session_id(); ?>" type="password" size="32" maxlength="32" value="Passwort" id="password" onclick="clear_value('password');" />
<input type="submit" value="Anmelden" />
</div>
</form>
</fieldset>
Im Bild seht ihr wie der Code unter IExploder 6.0 und Fupera 8 aussieht. Natürlich sieht man auch wie es im heißen Fox aussieht.
Das Endergebniss vom IE sollte so ähnlich aussehen wie das von Mr. Fox oder Mr. Opera.
Primär: Eher wie Mr. Fox.

Ich kriegs aber nicht so hin... irgendwie. O.o

Helft mir! ABER SOFORT!1 http://www.multimediaxis.de/images/smilies/old/3/uhoh.gif

Dennis
Geiu
19.09.2005, 20:21
Probier doch einfach mal, manuell ein Padding beim <fieldset> zu setzen.
Maisaffe
19.09.2005, 20:33
Probier doch einfach mal, manuell ein Padding beim <fieldset> zu setzen.
Nö, das klappt nur an den Seiten, aber nicht oben und unten. :(
Klappt auch nicht >>style="margin:0px; padding:0px;"<< wenn ichs überall setze. :(
Man bräuchet für den blöden IE in der Art sowas: padding:-10px; oder so. :(

Dennis
Jesus_666
20.09.2005, 12:49
Nö, das klappt nur an den Seiten, aber nicht oben und unten. :(
Klappt auch nicht >>style="margin:0px; padding:0px;"<< wenn ichs überall setze. :(
Man bräuchet für den blöden IE in der Art sowas: padding:-10px; oder so. :(

Dennis
Dann mach's doch so. Es sit ja nicht so, daß der IE das gleiche Stylesheet benutzt wie alle anderen.

Der IE hat etwas, das sich "Conditional Comments" nennt. Das ist ein HTML-Kommentar, der vom IE als if-Abfrage ausgewertet und von allen anderen Browsern ignoriert wird. Ich habe das beispielsweise in der Usermap für die WOT-P&Pler benutzt, um die Map im IE grob navigierbar zu machen.

Du fügst einfach das Stylesheet so ein wi gewohnt und fügst in die HTML-Seite, in der es eingebunden ist, folgendes im <head> ein:
<!--[if IE]>
<style type="text/css">
/* CSS-Befehle, die nur der IE sehen soll */
</style>
<![endif]-->Auf die Weise kannst du IE-spezifisches CSS verwenden, ohne groß mit Browserweichen etc. arbeiten zu müssen.