2 Div Boxen nebeneinander- FF und IE Problem

von **Nefftes** » 12.11.2010, 19:20

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:

Firefox:

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.

Hat einer ne Idee?

von **mysql** » 12.11.2010, 21:14

Welche IE bzw. FF Version benutzt du?

von **Nefftes** » 13.11.2010, 10:46

Firefox die Neuste und IE den 6er.
Wobei ich mit Phase5 arbeite, und das Vorschaufenster, der Darstellung vom IE entspricht.
Ich hätte sogar gleich noch ein Darstellungs Problem.....aber darauf komm ich dann nochma.
Vielleicht ergibt es sich ja aus der Antwort...wenn eine kommt :wink:

von **Nefftes** » 13.11.2010, 11:29

Also ich hab eben nochma gespielt, und 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.

von **mysql** » 13.11.2010, 14:31

Hallo noch einmal,

ich denke dies hängt an der Berechnungsmethode für Div-Container des IE ( 3px Bug) !!!

Grüße mysql

von **Nefftes** » 13.11.2010, 14:59

Das klingt toll^^
.....und was kann ich da machen ?
Hab ja nich umsonst den Bereich CSS für Anfänger gewählt :-D

von **Nefftes** » 13.11.2010, 18:22

Kommt zwar aus nem anderem Forum , aber das hat geholfen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
#outer_box {
width: 420px;
border: 1px solid red;
padding: 20px;
}

#left_inner_box {
width: 200px;
height: 150px;
border: 1px solid green;
float: left;
}

#right_inner_box {
width: 200px;
height: 150px;
border: 1px solid blue;
float: right;
}

.clear {
clear: both;
}
</style>
</head>

<body>

<div id="outer_box">
<div id="right_inner_box">
dfgdfg
</div>

<div id="left_inner_box">
dfgdfg
</div>

<div class="clear"></div>
</div>

</body>
</html>

2 Div Boxen nebeneinander- FF und IE Problem

2 Div Boxen nebeneinander- FF und IE Problem

Re: 2 Div Boxen nebeneinander- FF und IE Problem

Re: 2 Div Boxen nebeneinander- FF und IE Problem

Re: 2 Div Boxen nebeneinander- FF und IE Problem

Re: 2 Div Boxen nebeneinander- FF und IE Problem

Re: 2 Div Boxen nebeneinander- FF und IE Problem

Re: 2 Div Boxen nebeneinander- FF und IE Problem

Ähnliche Beiträge zu "2 Div Boxen nebeneinander- FF und IE Problem"

Wer ist online?