CSS Problem - Aufbau

web2null

ehem. assactions
ID: 131418
L
20 April 2006
1.775
165
Hab da ein kleines Problem unzwar bekomm ich es irgentwie nicht hin so ein CSS aufbau zu machen

https://1mb.at/uploads/01.07.2008_09:49:29_12.jpg

content und die box sollten gleichermassen dynamisch sein also sobalt mehr text ins content drin is zieht sich auch die box weiter nach unten

vielleicht kann mir einer helfen :) vielen dank
 
hi,

also du kannst das so machen, das du nen container nimmst, in diesen dann einen weiteren container, jedoch mit nem margin-right in der breite der rechten box. dann positionierst du als recthe box nen container absolut und setzt die breite genau wie das margin-right...

alternativ gehts auch mit float, so hab ich es öfter gemacht.
 
hmm danke schonmal hab da was Probier nur leider wirds im FF alles durcheinander :(
https://somelinks.org/sx/index.htm
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Stichpunkt CSS Experimente: 3-Spalten-Design mit Kopfleiste</title>
<style type="text/css">
body {
margin:0px; 
background-image: url('img/bg.jpg');
background-repeat: repeat-x; 
background-color: #383838; 
color:#000000; 
font-family:  "verdana";font-size: 11px
}
A:link {FONT-SIZE: 11px; COLOR: #ffffff; font-family:  "verdana";TEXT-DECORATION: none;}
A:visited {FONT-SIZE: 11px; COLOR: #ffffff; font-family:  "verdana";TEXT-DECORATION: none;}
A:hover {FONT-SIZE: 11px; COLOR: #ff9ed7; font-family:  "verdana";TEXT-DECORATION: none;}

#kopf {
  width: 797px;
  height: 204px;
  margin-left:50px;
  margin-top:0px;
}

#navi {
  background-image: url('img/navi.jpg');
  width: 797px;
  height: 37px;
  margin-left:50px;
  padding-left: 35px;
  padding-top: 10px;
}

#inhalt {
  background-image: url('img/in.jpg');
  width: 797px;
  height: 600px;
  margin-left:50px;
  padding-left: 25px;
  padding-right: 230px;
  color:#525252; 
  font-family:  "verdana";font-size: 11px
}

#rechts {
  position:absolute;
  margin-left:524px;
  top: 241px;
  width: 200px;
  height: 300px;
}

#pink_1 {
  background-image: url('img/pink_1.jpg');
  width: 206px;
  height: 14px;
}
#pink_2 {
  background-image: url('img/pink_2.jpg');
  width: 206px;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
  color:#ffffff; 
  font-family:  "verdana";font-size: 11px
}
#pink_3 {
  background-image: url('img/pink_3.jpg');
  width: 206px;
  height: 13px;
}
#grau_1 {
  background-image: url('img/grau_1.jpg');
  width: 206px;
  height: 16px;
}
#grau_2 {
  background-image: url('img/grau_2.jpg');
  width: 206px;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
  color:#ffffff; 
  font-family:  "verdana";font-size: 11px
}
#grau_3 {
  background-image: url('img/grau_3.jpg');
  width: 206px;
  height: 19px;
}
#footer {
  background-image: url('img/in.jpg');
  width: 797px;
  height: 20px;
  margin-left:50px;
  padding-left: 175px;
  padding-right: 225px;
}
#cright {
 text-align:center
}
</style>
</head>
<body>
<div id="kopf">
<!-- Anfang - Header -->
	<img src="img/header.jpg">
<!-- Ende - Header -->
</div>
<div id="navi">
<!-- Anfang - Navigation hier neue links eintragen -->
	<a href="index.php?site=home"><b>» Home </b></a>  
	<a href="index.php?site=home"><b>» Meine Blog </b></a>  
	<a href="index.php?site=home"><b>» Über mich </b></a>  
	<a href="index.php?site=home"><b>» Bilder </b></a>  
	<a href="index.php?site=home"><b>» Videos </b></a>  
	<a href="index.php?site=home"><b>» Gästebuch </b></a>     
<!-- Ende - Navigation hier neue links eintragen -->
</div>
<div id="inhalt"><br />

<!-- Anfang - Content hier kommt der Inhalt rein -->
test
<!-- Ende - Content hier kommt der Inhalt rein -->
		
		<!-- Anfang - Box rechts -->
		<div id="rechts" ><br />
		
				<div id="pink_1"></div>
					<div id="pink_2"></div>
				<div id="pink_3"></div>
		<br />
				<div id="grau_1"></div>
					<div id="grau_2"></div>
				<div id="grau_3"></div>
	
		</div>
		<!-- Ende - Box rechts -->
</div>
<div id="footer"><div style="text-align:center">
Copyright by sexyjanina.de 2008</span></div>
</body>
</html>
 
Zuletzt bearbeitet:
wenn ich im laufe des tages dazukomm, kann ich ja mal in dein css chauen oder eben heut gegen abend, da hab ich mehr zeit.
is das nicht das design was du zur umsetzung ausgeschrieben hast? glaub da hatte ich mich auch gemeldet :)
 
ja habs jetzt selbst versucht, lern ich wennigstens was dazu

dieses s*** padding haut mir immer alles kaput

*edit nun klappts hab einfach 2te div reingepackt, nur beim ie gibts noch ne kleinen anzeige fehler beim header
 
Zuletzt bearbeitet: