[gelöst] content höhenproblem

[antiheld2000]

hi,

ich habe ein, wie ich finde, merkwürdiges problem mit der höhe meines contents. das problem betrifft nur firefox und safari. ich habe einen seitenaufbau wie folgt:

Code: Select all

<div id="content">
	<div id="sidebar">
		<div id="menu_vert">Menue Inhalt
		</div>
	</div>
	<div id="main">
		<h2>Headline</h2>
		<p>Lorem ipsum dolor</p>
	</div>
</div>

sidebar soll links floaten und dann der content kommen. nun möchte ich, dass die höhe des contents eine mindestgrösse hat und sich dann mitsterckt, je nach main bzw. sidebarhöhe. das wird mit folgendem code auch ganz gut erzielt, nur leider nur mit der div main. wenn der inhalt im sidebar höher ist, dann wird die mindesthöhe genommen und mehr nicht.

Code: Select all

div#main {
	margin:0 2% 0 29%;
	padding:0 45px 0 0;
	overflow:visible;
	border:none;
	height:auto;
	background:#0000ff;
}

div#sidebar {
	float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
	width: 26%;     /* sidebar width, if you change this please also change #main margins */
	display: inline;/*  /* FIX IE double margin bug */
	margin: 0;
	overflow:auto;
	border:none;
	background:#00ff00;
}

div#content {
	padding:0;
	margin:0;
	min-height:344px;
	height:auto !important;
	height:344px;
	border:1px dotted green;
	background:#ff000;
}

hier seht ihr das problem in aktion. der rahmen soll logischerweise immer die höhe des höheren divs inside erhalten. was tun?!
test1 test2

bin echt am verzweifeln...

[NaN]

Schau Dir nochmal die Styles für den Content-Div an.
Da wird die Höhe doppelt angegeben.

Setz mal unter den Main-Div noch einen leeren Div mit clear:both

Code: Select all

<div id="content">
	<div id="sidebar">
		<div id="menu_vert">Menue Inhalt
		</div>
	</div>
	<div id="main">
		<h2>Headline</h2>
		<p>Lorem ipsum dolor</p>
	</div>
        <div class="clearb"></div>
</div>

Styles:

Code: Select all

.clearb {
         clear:both;
}

[antiheld2000]

das bringt es leider nicht. ich hatte auch eine falsche url angegeben. hier noch einmal die korrekten links:
test1 test2

die doppelte höhe ist ein hack für das min-height problem von älteren ie-versionen. und wenn ich diesen entferne wirkt sich das nicht auf mein problem aus... andere ideen?

[antiheld2000]

halt! stop! geile idee! war doch korrekt. das hochladne auf den testserver versagte. hast recht. clear:both; innerhalb des #content divs musste sein. danke danke danke!