XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   IE zeigt falsch, FF richtig - change - FF zeigts falsch, IE richtig (http://xhtmlforum.de/showthread.php?t=41381)

nick 17.08.2006 02:09

IE zeigt falsch, FF richtig - change - FF zeigts falsch, IE richtig
 
Ich werd langsam sauer auf den IE!
Mehr als die Hälfte meiner Benutzer benutzt den IE.
Der IE gibt einen Teil des Registrierformullars folgendermassen aus:

http://poke-clan.tc-central.de/Bilder/IE.png

der FF richtig, undzwar so

http://poke-clan.tc-central.de/Bilder/FireFox.png

Wenn ichs nun einstelle, das der IE es richtig zeigt,
zeigts der FF falsch! Weiß nciht mehr genau,
was in dem Fall war...

Kann ich es irgendwei hinbekommen, das beide Browser es
richig zeigen, ohne Abfrage des Browsers???

Ich brauche die potitionierten Bildern mit ihren Übrlappungen.
Wird ein anderer Pass angeklcikt, sticht er hervor durch das
Setzen seines z-index auf 4. Ich kann auf die Positionierung
leider nicht verzichten!

Hier ein Stück vom Code, ab der Tabelle. Ansonsten - sorce code..
(http://poke-clan.tc-central.de/Registrieren)

Zitat:

<script type="text/javascript">
// ..... Das auch nicht
function Waehle_Pass (id) {
document.getElementById('pass_version_Rubin').styl e.zIndex = 1;
document.getElementById('pass_version_Rubin').styl e.border = '0px';
document.getElementById('pass_version_Smaragd').st yle.zIndex = 2;
document.getElementById('pass_version_Smaragd').st yle.border = '0px';
document.getElementById('pass_version_Saphir').sty le.zIndex = 3;
document.getElementById('pass_version_Saphir').sty le.border = '0px';
document.getElementById('pass_version_'+id).style. zIndex = 4;
document.getElementById('pass_version_'+id).style. border = '5px solid yellow';
pass_version = id;
}
</script>

<table class="table" width="400px" id="Pass" style="display: none;">
<td class="td" align="center">
Welchen Pass hättest du denn gerne?<p>
</td><tr><td align="center" valign="top" class="tdi" height="200px">
<img src="Line.gif">
<div style="position: relative;">
<img src="../Konto/img_Card_Rubin.png" id="pass_version_Rubin" style="position: absolute; left: 40px; top: 0px; z-index: 1; border: 5px solid yellow;" onclick="Waehle_Pass('Rubin');">
<img src="../Konto/img_Card_Smaragd.png" id="pass_version_Smaragd" style="position: absolute; left: 80px; top: 40px; z-index: 2; border: 0px solid green;" onclick="Waehle_Pass('Smaragd');">
<img src="../Konto/img_Card_Saphir.png" id="pass_version_Saphir" style="position: absolute; left: 120px; top: 80px; z-index: 3; border: 0px solid green;" onclick="Waehle_Pass('Saphir');">
</div>
</td>
</table>
Hoffe auf Hilfe...

RoToRa 17.08.2006 10:33

Wie immer gilt zuerst:

DOCTYPE einfügen und valdieren:

http://validator.w3.org/check?uri=ht...line&verbose=1

Dann sehen wir weiter.

Unabhängig von deinem Problem ein paar Anmerkungen:

a) Tabellenlayout!
b) In einem <script>-Element darf die Zeichenkette </ nicht vorkommen. Am besten mit einem Backspace escapen: <\/
c) Verwende nicht "document.all", da das IE only ist.
d) Für Überschriften gibt es <h1>, <h2>, etc. Überschriften mit <b><u>...</u></b><br> zu "simulieren" ist Unsinn.
e) Überhaupt Unterstreichungen für "Nicht-Links" zu verwenden ist verwirrend.
f) Bedenke: Nicht jeder hat oder will JavaScript. (Wobei ich zugebe in deiner Zielgruppe ist das unwahrscheinlich ;)

Robin

nick 18.08.2006 14:22

Zitat:

Tabellenlayout!
In div's kann ich nichts vertikal zentrieren!

Zitat:

Verwende nicht "document.all", da das IE only ist.
Wieso gehts in meinem FF dann?
Zitat:

Für Überschriften gibt es <h1>, <h2>, etc. Überschriften mit <b><u>...</u></b><br> zu "simulieren" ist Unsinn.
Na danke... Mein Hass-Element.

Zitat:

Bedenke: Nicht jeder hat oder will JavaScript.
Das ist grundbedingung für die komplette RPG, ist unverzichtbar
und kommt zu den Clientvoraussetzungen in die Enterseite.
Wer kein js aktiviert hat, braucht garnicht erst rein!

Und alles zusammen ist das keiner Hilfe was du mir gepostet hast,
trotzdem danke auch...

RoToRa 18.08.2006 14:37

Zitat:

Zitat von nick
In div's kann ich nichts vertikal zentrieren!

Siehe FAQ!

Zitat:

Wieso gehts in meinem FF dann?
Stimmt, die FF-Entwickler haben eine Unterstützung eingebaut. Es gibt aber auch noch andere Browser.

Zitat:

Wo zum Henker siehst du bei mir <u> oder <b> in einer Überschrift?
"Registrierung", "Aufenthalt", "Veranstaltungen", etc.

Zitat:

And alles zusammen ist das keiner Hilfe was du mir gepostet hast,
trotzdem danke auch...
Das hier auch nicht?:

Zitat:

DOCTYPE einfügen und valdieren:

http://validator.w3.org/check?uri=ht...line&verbose=1
Dir ist bewusst, das aktuelle Browser sich anders (richtiger (!)) verhalten mit einem richtigen DOCTYPE?

Robin

nick 18.08.2006 16:38

Ok ich teste mal...

E|H 18.08.2006 18:22

Hass-Element? Clientvoraussetzungen?

nick 19.08.2006 02:02

Ich rede viel (Müll), wenn ich mal wieder 24h wach war.


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:44 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023