Dynamische Breite

dsNDesign

dsNDesign

Erfahrenes Mitglied
Hei,
ich habe folgendes vor:
Meine Seite soll immer 80% breit sein. Dies habe ich auch durch width:80%; realisiert.

Nun möchte ich 2 Spalten erstellen. Die rechte Spalte soll dabei eine feste Breite von 250px haben und die linke Spalte soll den Rest füllen. Wie mache ich das?

Bei der rechten habe ich die Breite festgelegt. Wenn ich jetzt bei der linken Spalte width:auto mache, ist sie natürlich nur so breit, wie der Text geht. Bei 100% geht die Spalte über die gesamte Seite (natürlich die vorher bestimmten 80%)

Gruß
 
So?

HTML: 
<html>
<head>
	<title>80%</title>
	
	<style type="text/css">
	#outter {
		width:80%;
		margin:auto;
	}
	
	#left {
		margin-right:250px;
		background:#0f0;
	}
	
	#right {
		width:250px;
		background:#f00;
		float:right;
	}
	</style>
</head>
<body>
	<div id="outter">
		<div id="right">right</div>
		<div id="left">left</div>	
	</div>
</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück