cssneuling
Neues Mitglied
Hi
Ich hoffe Ihr könnt mir helfen
Die 3 nebeneinander platzierten Div's nehmen nicht den ganzen Platz ein, der ihnen zur Verfügung steht. Links und Rechts wurde je eine Breite von 20px zugewiesen, die mittige Div soll den restlichen Platz bekommen, also 100%-2*20px.
Erreichen will ich, dass die Div#mitte allen verfügbaren Platz in der div#navi einnimmt und dabei Rücksicht auf die beiden Divs#rechts/links nimmt und halt unabhängig von der Länge des Inhalts ist.
Code:
Ich hoffe Ihr könnt mir helfen
Die 3 nebeneinander platzierten Div's nehmen nicht den ganzen Platz ein, der ihnen zur Verfügung steht. Links und Rechts wurde je eine Breite von 20px zugewiesen, die mittige Div soll den restlichen Platz bekommen, also 100%-2*20px.
Erreichen will ich, dass die Div#mitte allen verfügbaren Platz in der div#navi einnimmt und dabei Rücksicht auf die beiden Divs#rechts/links nimmt und halt unabhängig von der Länge des Inhalts ist.
Code:
Code:
<html>
<head>
<style type="text/css">
div#navi {background: silver; height: 70px; padding: 10px; width: 50%;}
div#links {background: green; float: left; height: 100%; width: 20px;}
div#mitte {background: red; float: left; height: 100%;}
div#rechts {background: blue; float: left; height: 100%; width: 20px;}
br#ende {clear: left;}
</style>
</head>
<body>
<div id="navi">
<div id="links">
L
</div>
<div id="mitte">
Mitte
</div>
<div id="rechts">
R
</div>
<br id="ende">
</div>
</body>
</html>