CSS: Probleme mit float:!!

30.12.2004, 13:32

Hallo,
ich will zwei div Boxen recht und links ausrichten:

Code:

#menu {
	margin: 1% 1% 1% 1%;
	background-color: #F1F1F1;
	border: 1px dotted #D1D1D1;
	padding: 8px;
	width: 45%;
	float: left;
}
#menu_right {
	margin: 1% 1% 1% 1%;
	background-color: #F1F1F1;
	border: 1px dotted #D1D1D1;
	padding: 8px;
	width: 45%;
	float: right;
}

#menu_inlay {
	background-color: #F1F1F1;
	border: 1px dotted #D1D1D1;
	padding: 4px;
}

<div id="menu">
	<div id="menu_inlay">
	</div>
</div>
<div id="menu_right">
	<div id="menu_inlay">
	</div>
</div>

Ich hatte vorher nur den linken div-Container. Da hatte er auch den richtigen Abstand zum linken Rand. Jedoch brauchte ich noch auf der rechten Seite einen COntainer und habe dann die Eigenschaften float:left; und float:right; vergeben. Seitdem ist der Abstand zum zum linken Rand des linken Containers um ca. 6 px angewachsen.

Kann mir einer sagen wieso er auf einmal den Abstand vergrößert??

Danke
18inch

ps: Im Firefox ist alles super. Der Fehler tritt nur im IE auf.

30.12.2004, 13:55

probier mal:
[code]
#menu {
margin: 1%; <-- margin in % ???
background-color: #F1F1F1;
border: 1px dotted #D1D1D1;
padding: 8px;
width: 45%;
float: left;
}
#menu_right {
margin: 1%;
background-color: #F1F1F1;
border: 1px dotted #D1D1D1;
padding: 8px;
width: 45%;
clear: left;
}

#menu_inlay {
background-color: #F1F1F1;
border: 1px dotted #D1D1D1;
padding: 4px;
}

<div id="menu">
<div id="menu_inlay">
</div>
</div>
<div id="menu_right">
<div id="menu_inlay">
</div>
</div>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Firefox / IE - Probleme		HTML, Usability und Barrierefreiheit	5	20.07.2009 17:04
IE6 Kontaktformular, Probleme mit Variablen	Meijestic	PHP Tipps 2008	3	07.07.2008 19:29
Bereich um einen float left und float right Bereich	andrew22	HTML, Usability und Barrierefreiheit	8	27.02.2007 18:27
Probleme bei Speicherung von serialize() Strings	Manni2k	PHP Tipps 2006	13	15.10.2006 15:06
Probleme mit mbstring extension unter Debian	HStev	Server, Hosting und Workstations	3	30.08.2006 20:55
Probleme mit Rechteverteilung chmod() per script!!!???	Funky_	PHP Tipps 2006	7	17.06.2006 17:10
Float bei zwei DIVs		HTML, Usability und Barrierefreiheit	14	29.01.2006 10:54
Probleme mit Sonderzeichen...		Datenbanken	1	02.08.2005 23:37
Probleme mit der Navigation	Pimbolie1979	HTML, Usability und Barrierefreiheit	3	19.05.2005 15:45
float Probleme		HTML, Usability und Barrierefreiheit	8	01.05.2005 18:28
[Erledigt] hilfe! probleme mit...		PHP Tipps 2005	4	12.04.2005 22:55
CSS: 2 Spalten á 50% ohne float		HTML, Usability und Barrierefreiheit	2	31.03.2005 14:37
$_GET['var1'] prüfen ob Float		PHP Tipps 2005	4	17.02.2005 17:57
[Erledigt] Technische Probleme mit Sessions		PHP-Fortgeschrittene	4	18.11.2004 14:45
Probleme mit float und IE	zwelch	HTML, Usability und Barrierefreiheit	4	23.08.2004 09:35

30.12.2004, 13:32
18inch Gast Beiträge: n/a	CSS: Probleme mit float:!! Hallo, ich will zwei div Boxen recht und links ausrichten: Code: #menu { margin: 1% 1% 1% 1%; background-color: #F1F1F1; border: 1px dotted #D1D1D1; padding: 8px; width: 45%; float: left; } #menu_right { margin: 1% 1% 1% 1%; background-color: #F1F1F1; border: 1px dotted #D1D1D1; padding: 8px; width: 45%; float: right; } #menu_inlay { background-color: #F1F1F1; border: 1px dotted #D1D1D1; padding: 4px; } <div id="menu"> <div id="menu_inlay"> </div> </div> <div id="menu_right"> <div id="menu_inlay"> </div> </div> Ich hatte vorher nur den linken div-Container. Da hatte er auch den richtigen Abstand zum linken Rand. Jedoch brauchte ich noch auf der rechten Seite einen COntainer und habe dann die Eigenschaften float:left; und float:right; vergeben. Seitdem ist der Abstand zum zum linken Rand des linken Containers um ca. 6 px angewachsen. Kann mir einer sagen wieso er auf einmal den Abstand vergrößert?? Danke 18inch ps: Im Firefox ist alles super. Der Fehler tritt nur im IE auf.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

30.12.2004, 13:55
Gast Beiträge: n/a	probier mal: [code] #menu { margin: 1%; <-- margin in % ??? background-color: #F1F1F1; border: 1px dotted #D1D1D1; padding: 8px; width: 45%; float: left; } #menu_right { margin: 1%; background-color: #F1F1F1; border: 1px dotted #D1D1D1; padding: 8px; width: 45%; clear: left; } #menu_inlay { background-color: #F1F1F1; border: 1px dotted #D1D1D1; padding: 4px; } <div id="menu"> <div id="menu_inlay"> </div> </div> <div id="menu_right"> <div id="menu_inlay"> </div> </div>