Conditional Comment Problem mit Boxmodell Problem wegen ebay

css_tester · #1 (**permalink**) 10.03.2008, 13:28

NACHTRAG: Vielen Danke - Problem wurde gelöst!
*************************************

Hallo Zusammen,
irgendenwie mach ich noch was falsch oder übersehe etwas oder stehe total auf dem Schlauch

. Hoffe hier kann mir jemand weiterhelfen

.

Hintergrund:
Ich möchte bei ebay eine Verkaufsanzeige gestalten.
Der DocType der ebay-Startseite ist

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Leider ist bei den weitere Unterseiten bzw. Auktionseiten KEIN DocType angegeben.

UND da fängt mein Problem an:

Wahrscheinlich durch das Boxmodell versuchter Fehler im IE bei der Darstellung, da ich ein eine "Kopfgrafik" verwende und in den Div's darunter mit "padding" einen Rand...

Code:

div#box2kopf {
	width: 930px;
	height: 379px;
	background-repeat: no-repeat;
	background-image: url("grafik/jb_logo_oben_ebay_02.jpg");
}

div#infobox1 {
	width: 890px;
	background-color: #ff9900;
	padding: 20px;
}

Das FUNKTIONIERT auch - WENN ich eine DocType angebe!
Wenn ich den Code bei ebay einfüge, ist das halt nicht möglich.

Also ein CC eingefügt:

Code:

<!--[if IE]>
#infobox1 {
	width: 930px;
}
<![endif]-->

Doch das bringt leider keine Änderung!
Liegt es daran, dass der CC nicht im ECHTEN Header steht?

Bei ebay wir die erstellte Auktion über eine Tabelle eingebunden:

Code:

<table cellpadding="0" cellspacing="28" width="100%">
       <tbody><tr>
        <td valign="top">
[... hier folgt dann der erstelle Quellcode...]

Allerdings wird innerhalb der Tabelle bei ebay dann natürlich kein DocType und <head> und <body> angegeben - es stehen erst die <style type="text/css"> und gleich im Anschluss die <div> hintereinander... irgendwie funktioniert es!?
(aber selbst wenn ich es angebe, ändert sich gar nix!)

Für die bessere Vorstellung, hier mein Entwurf:

verkauf_test_ohne_doctype.htm
verkauf_test_mit_doctype.htm

Das ganze ist Valide getestet, und geht in IE und Opera, nur IE 7 und IE 6 zeigen halt diesen unschönen Layoutfehler.
Wobei Opera einen kleinen Fehler mit dem Tabellenhintergrund in der Tabelle anstellt, der graue Hintergrund wird ein Stück rechts rausgeschoben? (einfach anschauen!).

So... und wer sich bis hier durchgearbeitet hat - jetzt schon ein herzliches DANKE SCHÖN!

inta · #2 (**permalink**) 10.03.2008, 13:39

CC sind eine spezielle Art von HTML-Kommentaren, du hast sie im CSS eingesetzt, was natürlich nicht funktionieren kann.
Du müsstest für den IE einen eigenen Style-Bereich definieren und diesen dann mit den CC umschließen.

css_tester · #3 (**permalink**) 10.03.2008, 14:22

Zitat:

Zitat von inta

CC sind eine spezielle Art von HTML-Kommentaren, du hast sie im CSS eingesetzt, was natürlich nicht funktionieren kann.
Du müsstest für den IE einen eigenen Style-Bereich definieren und diesen dann mit den CC umschließen.

Dank für diese schnelle Blitzantwort!!!

Stimmt... da ist was wahres dran

Habe ich auch sofort umgesetzt:

Code:

<!--[if IE]>
<style type="text/css">
div#infobox1 {
	width: 930px;
}
div#infobox2 {
	width: 930px;
}
div#infobox3 {
	width: 930px;
}
</style>
<![endif]-->

Das ganze funktioniert nun einwandfrei - allerdings nur wenn ich KEIN DocType verwende - mach ich es - zerreist es wieder das Layout.
Das verstehe ich (noch) nicht...
Kann es daran liegen, dass mit Verwendung der DocType das Boxmodell bei IE6/7 richtig interpretiert wird? (links siehe oben!)

andir · #4 (**permalink**) 10.03.2008, 15:03

So ähnlich ist es, Je nach verwendetem - oder gar keinem Doctype - springt der eine oder andere Browser in einen anderen Darstellungsmodus.

Such mal nach "Doctype Switch" im Netz, alternativ eine schnelle Quelle mit einer kurzen Übersicht ( Links beachten)

Doctype switching and standards compliance in Internet Explorer and Netscape

css_tester · #5 (**permalink**) 10.03.2008, 15:31

OK... und wieder vielen Dank!

Denke ich habe es verstanden

*** ENDE ***

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
problem mit ie5 / boxmodell beim 3 spalten layout	musmus	CSS	10	15.02.2007 15:15
Was wird aus Conditional Comment im IE 7?	Zen5656	CSS	8	02.10.2006 16:02
Problem mit Conditional Comment	Tymo	CSS	3	11.07.2006 09:56
Problem mit Abstand (Boxmodell!?) und noch etwas	Lommel	CSS	7	17.02.2006 17:44
Problem mit Boxmodell	klein_jensi	CSS	6	08.04.2005 12:58