✔ Der Internet Explorer will nicht - alles andere funktoiniert

Status
Nicht offen für weitere Antworten.
F

folio

Erfahrenes Mitglied
Biete 10 Euro für Lösung der IE-Probleme

Hi,

habe hier ein Design gemacht, ist relativ viel mit float.

http://www.videotutorials.org/marcin/detail.html

Wenn man das jetzt im Firefox aufruft, sieht alles ganz gut aus (bis auf ein paar kleine Details. Wenn man es im IE aufruft ist alles verschoben (vor allem die Produktbeschreibung). Ich habe ordentlich mit float und clear gearbeitet, clear habe ich mit Hilfe eines <br> gelöst der die Klasse clearit hat.

Kann mir jemand helfen?
Ich probie rjetzt schon seit 45 Minuten dran rum und es tut einfach nicht.

Würde mich sehr über Hilfe freuen :)

edit: habe jetzt 10 Euro ausgesetzt - ich kann verstehen das ist kein wirklich spannendes Thema..

gruß folio
 
Zuletzt bearbeitet:
Villeicht kannst du mal bitte einen Screenshot reinstellen wie es auf dem FF aussieht.
Für die wo gerade (im Geschäft) keinen FF haben.
 
Halbiere mal den Wert für margin-left, da der IE diesen bei floatenden Boxen verdoppelt:

Code: 
#empfehlung {
	border-top:1px solid #9DB2BE;
	padding:10px 10px 0 0;
	margin-left:175px !important;
	margin-left:87.5px; /* Für IE */
	float:left;
	width:430px;
}
 
Super :) Die Produktbeschreibung ist jetzt schon mal an der richtigen Stelle. Das wusste ich nicht, wie kommt der IE da drauf?

Jetzt probier ich noch die richtige Ausrichtung der 4 Bilder.
 
folio hat gesagt.:
[...] Jetzt probier ich noch die richtige Ausrichtung der 4 Bilder. [...]
Zum Vergrößern anklicken....
Gleiches gilt auch für das DIV .suddenly:

Code: 
div.suddenly {
	border:1px solid #9DB2BE;
	border-bottom:none !important;
	float:right;
	margin-right:7px !important;
	margin-right:3.5px; /* Für IE */
}
 
Ok, hab das jetzt gemacht. Im Firefox sieht jetzt alles so aus wie es soll, aber im IE ist die Produktbeschreibung zu tief. Ist schwer zu erklären, guck einfach mal im FF so soll es aussehen! :)

Deine 10 Euro hast du dir dann verdient hast mir ja schon sehr oft geholfen ;)
 
Vielleicht hilft es, wenn du den Wert für padding-top halbierst?

Code: 
#produktbeschreibung {
	font-size:11px;
	width:497px;
	line-height:1.5px;
	padding:18px 15px 0 12px !important;
	padding:9px 15px 0 12px; /* Für IE */
	float:left;
}
Ansonsten erweitere mal die Regeln für die Klasse .clearit, die du im HTML-Code vor der Produktbeschreibung eingebunden hast:

Code: 
.clearit { 
clear: both; 
padding:0; 
margin:0; 
height:0;
line-height:0;
font-size:0;
}
 
Vergleiche mal die Höhe des DIV #produktoptionen in den beiden Browsern. Im IE ist es um 50 Pixel höher, genau das Maß, um das die Produktbeschreibung nach unten verschoben ist.

Zum einen scheint der IE die Höhe für das br-Element anders zu interpretieren, und zum anderen hast du die Polsterungseigenschaften der Liste #infolinks nicht auf null gesetzt, Stichwort: margin-top:0; padding-top:0.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück