Ein Div Container in dem 2 Weitere Drinn sind. Das beisst

Also heute renn ich leider schon überall dagegen. #angry#

Die einfachsten Sachen wollen nicht Glücken. Haut mich, schlagt mich, gebt mir Tiernamen, aber bitte, wo klemmts hier?

Bild: pc-reaktor.de/fehler.jpg

Es gibt nen Container, in dem sind 2 weitere enthalten. der Erste ist der Hauptcontent, der 2. ist rightcontent. Verändert sich die Größe des 1. wandert der Footer nach unten. Prima. Nur leider wandert der Contentright auch nach unten. Er wird umgebrochen.

Hier das HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body bgcolor="98A1B8">
<div id="container"> 
  <div id="header"> 
    <div id="menu"> 
      <p>###main_menu###</p>
      <p>&nbsp;</p>
      <p>test</p>
    </div>
  </div>
  <div id="mainnav"></div>
  <div id="contentheader"></div>
  <div id="contents"> 
    <div id="content">
      <p>###main_content###</p>
      <p>&nbsp;</p>
      <p>TEXT </p>
    </div>
<div id="content_right">###right_content###</div>
  </div>
  <div id="footer"></div>
</div>

</body>
</html>

und hier die CSS

body
{

}


#container
{
position: absolute;
width: 1016px;
}

#header
{
height: 222px;
width: 1016px;
background-image: url(head.jpg);
background-repeat: no-repeat;
background-position: 0 0;

}

#menu {
	height: 140px;
	width: 190px;
	top: 45px;
	left: 815px;
	position: relative;
	margin: 5px;



}

#contentheader
{

width: 1016px;
height: 36px;
background-image: url(head_1.jpg);
background-repeat: no-repeat;
background-position: 0 0;

}

#contents { 

width: 1016px;

background-image: url(bg.jpg);
background-position: 0 0;
}

#content {

	width: 760px;
	left: 20px;
	background-color: #FFF;
}



#content_right {
	position: relative;
	top: 0;
	width: 180px;
	left: 818px;
	background-color: #FFF;
	height: 95px;
}


#footer
{

width: 1016px;
height: 34px;
background-image: url(foot.jpg);


}

Die Contentright box soll natürlich Ihren Festen Platz haben. Das Gerüst ist zentriert.

Ich hoffe es erbarmt sich jemand und zieht mich aus der Schlammpfütze raus. :o

Hallo,

ich bin mal so faul und poste nur einen Link: http://blog.html.it/layoutgala/ und draus lernen 😉

georg

just2b schrieb

Hallo,

ich bin mal so faul und poste nur einen Link: http://blog.html.it/layoutgala/ und draus lernen 😉

georg

Moin Georg. Auch bei diesen beispielen das gleiche Problem. Sobald ich anfange die seite auf 1000 zB zu fixieren bricht der rechte Teil am Inhalt um #paralyzed#

Ich kriegs nicht gebacken. Kannst Du Dir meinen Code mal ankucken. Ich steh echt vor einem Rätsel. #angry#

Hallöchen, versuch dich das ganze mal mit einem Float.

Musst nur darauf achten, dass dann dein Footer wieder ein float:clear bekommt.

http://www.css4you.de

Und da mal unter tabellenloses Layout schauen.

Gruß

Daniel

Noch fürs Protokoll:

Die Float Angaben haben geholfen. Man muss nur ein bsichen probieren! Danke!