CSS Problem - Aufbau

web2null · 1 Juli 2008

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

baserider · 1 Juli 2008

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.

web2null · 2 Juli 2008

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>

baserider · 2 Juli 2008

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

web2null · 2 Juli 2008

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

CSS Problem - Aufbau

web2null

ehem. assactions

baserider

Well-known member

web2null

ehem. assactions

baserider

Well-known member

web2null

ehem. assactions

Ähnliche Themen