Halli Hallo,
Ich versuche 2 verschiedene Inhalte ( in meinem Besipiel sin es jetzt mal 2 Bilder, später wird es Text, Bild und Iframe) via div Bereich von einander zu trennen und dann nebeneinander in meinem "Inhaltsbereich" zu positionieren.
Ich hab auch schon mehrere versuche Unternommen...mit Tabelle, mit absoluten Positionen mit noch mehr möglichkeiten von self html.
Allerdings funktioniert es immer nur im Firefox oder im Internet "Explorer", nie aber in beiden Gleichzeitig.
Hier mal zwei Bilder eins IE und eins Firefox:
IE:
[Blockierte Grafik: http://img293.imageshack.us/img293/1927/40296448.th.jpg]
Firefox:
[Blockierte Grafik: http://img560.imageshack.us/img560/5654/foxd.th.jpg]
Der css befehl dafür :
#box {
float:left;
height: auto;
width: 120px;
border-top: 1px solid #444;
font-size: 0.9em;
padding: 7px 5px 9px 5px;
margin-bottom:25px;
margin-top:-12px;
}
#boxi {
float:left;
height: auto;
width: 120px;
border-top: 1px solid #444;
font-size: 0.9em;
padding: 7px 5px 9px 10px;
margin-bottom:25px;
margin-top:-12px;
}
Die Div bereiche liegen wiederum in einem anderen Div bereich (ID=Inhalt).
Das Layout selbst is ne Vorlage und ich hab es einfach nur an meine Bedürfnisse angepasst bzw bin dabei.
Das Problem scheint zu sein, das der IE die DIV Bereiche "box und boxi" erkennt und deshalb den Bereich "Inhalt" streckt bzw. anpasst.
Firefox macht das nicht 
.
Dort müßte ich dann in den "Inhalt" gehen und einfach Leer Absätze ( </p>) einfügen,
damit Inhalt erkannt wird und er den entsprechenden Bereich streckt.
Allerdings erkennt der IE das natürlich auch und macht alles noch größer.
Das Problem ist also Firefox zu sagen das da Inhalt ist...und er das auch schluckt.
Browser Info : Firefox die Neuste und IE den 6er.
Wobei ich mit Phase5 arbeite, und das Vorschaufenster, der Darstellung vom IE entspricht.
