Darstellungsprobleme mit IE

Status
Nicht offen für weitere Antworten.

«raver-speedy»

Grünschnabel
Hallo,

ich habe probleme mit der darstellung unterm internet explorer.. beim firefox habe ich diese nicht und ich weiß nicht woran das liegt..

hier der css code:
Code:
.form {
 position: relative;
 overflow: hidden;
}

.formleft {
 width: 25%;
 text-align: right;
 clear: both;
 float: left;
 display: inline;
 padding: 4px;
 margin: 5px 0;
}

.formright {
 width: 70%;
 text-align: left;
 float: right;
 display: inline;
 padding: 4px;
 margin: 5px 0;
}

und so rufe ich das ganze im html auf:
Code:
<blockquote>
<div class="form">
<div class="formleft">Name:</div>
<div class="formright"><input type="text" name="name" /></div>
<div class="formleft">E-Mail:</div>
<div class="formright"><input type="text" name="email" /></div>
<div class="formright"><input type="submit" name="submit" value="Abschicken" /></div>
</div>
</blockquote>

hier die darstellung beim firefox: hier klicken
hier die darstellung beim internet explorer: hier klicken

ich hoffe einer kann mir helfen woran das liegen könnte... :confused:

gruß markus
 
Entweder fehlt dem HTML-Dokument eine Doctype-Angabe, oder du verwendest diese hier

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
womit der IE (6.0) im Quirksmode läuft und sich, wie seine 5er Vorgängerversionen verhält, wie z.B. die falsche Boxmodell-Interpretation.


Wenn ich die 'Strict' -Variante

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
für dein Source-Posting anwende, gibt es auch keine Darstellungsprobleme im IE ;)

Das umschliessende blockquote-Element (= Zitate definieren) hängt meinen IE 6.0 (Win98) auf -> die Seite wird nicht geladen / angezeigt. Erst wenn ich das Element aus dem Quelltext entferne, läuft die Seite im IE (!)
 
Zuletzt bearbeitet von einem Moderator:
Ich hab mir die Seite auch mal angesehen mit dem IE 6.0. Sie sieht perfekt aus!

Du solltest mal deine Temporären Dateien löschen und mal bei EXTRAS --> INTERNETOPTIONEN --> Temporäre Internetdateien EINSTELLUNGEN --> bei jedem Zugriff auf die Seite den Radiobutton aktiv machen!

Gruß
 
Vermutlich fehlen dem Formular und/oder den umschliessenden DIVs die auf 0 gesetzten Außen- und Innenabstände margin und padding, was im IE zu den Verschiebungen führt :confused:
 
Status
Nicht offen für weitere Antworten.
Zurück