Hi,
ich habe einen Maincontainer (1) mit einer festen Breit und runden Ecken!
In meinem Maincontainer (1) liegt ein einfacher Container (2) in dem ich ein Bildcontainer (3) drinnen haben möchte, nun ist es aber so, dass der Container (2) nicht mitwachsen tut, bei weiterm Inhalt was habe ich vergessen oder falsch gemacht?
Liebe Grüße
Billbos
LINK ---> http://billbos.eu/
Bild
[Blockierte Grafik: http://billbos.eu/test.jpg]
Code
@charset "utf-8";
/* CSS Billbos Bilder-default */
* html {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
/* Bildcontainer */
#imagecontainer {
width: 500px;
margin: 25px auto 0 auto;
border: 1px solid #000;
text-align: left;
}
/* Bildbox aussen */
#out {
width: 120px;
height: 250px;
float: left;
border: 2px solid #000;
}LAYOUT
Code
@charset "utf-8";
/* CSS Billbos LAYOUT */
* html {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
background-color: #FFF;
background-image: url(../img/background/background_2.gif);
background-repeat: repeat;
}
/* Maincontainer */
/* -gesammres Inhaltslayout, -header, -container und alle Inhalte */
/* Header */
/* Header, Kopfbereich, Logo und Informationen */
#header {
background: #36aeff url(../flash/header_2.swf) no-repeat;
margin: 0 auto;
}
/* Container */
/* Container, Inhalt, Informationen, Seiteninhalt, Zentrum der Homepage alles Relevante */
#container {
background: #36aeff;
margin: 0 auto;
width: 580px;
height: 100%;
text-align: left;
padding: 0 10px;
}
.top {
background: url(../flash/header.swf);
width: 600px;
height: 120px;
margin: 25px auto 0 auto;
}
.bottom {
background: url(../img/container/bottom-hellblau.png);
width: 600px;
height: 25px;
margin: 0 auto;
}INDEX
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<link rel="stylesheet" type="text/css" href="../css/layout.css" />
<link rel="stylesheet" type="text/css" href="../css/navigation.css" />
<link rel="stylesheet" type="text/css" href="../css/FONT_index.css" />
<link rel="stylesheet" type="text/css" href="../css/default_bilder.css" />
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div class="top">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','600','height','120','src','header','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','header' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="600" height="120">
<param name="movie" value="header.swf" />
<param name="quality" value="high" />
<embed src="header.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="600" height="120"></embed>
</object></noscript>
</div>
<div id="navi">
<ul>
[*][url='../index.html']Home[/url]
[*][url='../html_css.html']Sample[/url]
[*][url='../flash.html']Sample[/url]
[*][url='../bilder.html']Bilder[/url]
[*][url='../forum.html']Sample[/url]
[*][url='../kontakt.html']Kontakt[/url]
[*][url='../impressum.html']Impressum[/url]
[/list]
<br style="clear:both" />
</div>
<div id="container">
<h1>Inhalt</h1>
<div id="imagecontainer">
<div id="out">
Inhalt</p>
</div>
<div id="out">
</div>
<div id="out">
</div>
<div id="out">
</div>
</div>
</div>
<div class="bottom"></div>
<div style="clear:both"></div>
</body>
</html>