[gelöst] content höhenproblem
Posted: Thu Jun 12, 2008 2:16 pm
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:
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.
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...
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>
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;
}test1 test2
bin echt am verzweifeln...