Hallo, ich habe als Sitecontainer einen div erstellt dem ich im CSS die Höhe 100% gegeben habe und eine relative Positionierung. Das Problem ist nun, dass der graue Hintergrund nicht erweitert wird, wenn der Textbereich so groß ist, dass er gescrollt werden muss. Ich habe schon seiten auf diese Weise erstellt, deshalb bin ich verwundert, dass es nicht fuktioniert.
Html-code:
CSS-Code:
vielen Dank im Voraus!
Html-code:
HTML:
<BODY>
<!-- Sitecontainer -->
<div id=site>
<h1 class=aus>Harald Rissom</h1>
<h2 class=aus>Arzt für Radiologie</h2>
<p id=menu>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="676" height="161">
<param name="movie" value="menu.swf">
<param name="quality" value="high">
<embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="676" height="161"></embed></object>
</p>
<div id=navi>
<ul>
<b>Aktuelles:</b><br>
Eröffnung der Homepage<br>
</ul>
<ul>
<b>Navigation:</b><br>
<a href="untersuchung.htm" target="_self">Untersuchung</a><br>
<a href="praxis.htm" target="_self">Die Praxis</a><br>
<a href="anfahrt.htm" target="_self">Anfahrt</a><br>
<a href="kontakt.htm" target="_self">Kontakt</a><br>
<a href="impressum.htm" target="_self">Impressum</a><br>
<a href="index.htm" target="_self">Home</a>
</ul>
</div>
<div id=text>
<h1><img src="data/ansicht.jpg"> Ansicht</h1>
<br>
<h2>Rezeption</h2>
<img src="data/rezeption3.jpg"> <img src="data/rezeption2.jpg" width="128" height="250">
<img src="data/rezeption1.jpg" width="127" height="250"><br>
<h2>Außenansicht</h2>
<img src="data/praxis3.jpg"> <img src="data/praxis2.jpg"> <img src="data/praxis1.jpg"></div>
</div>
<UL class=seo>
<a href="www.groemmi.de" target="_blank">Sebastian Grömminger - Webdesign</a>
<a href="www.cordula-grömminger.de" target="_blank">Cordula Grömminger - Zeitabrechnungen
und medizinische Dienstleistungen</a>
</UL>
<!-- Ende Sitecontainer -->
</BODY>CSS-Code:
Code:
html {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background-image: url(bg_head.jpg);
background-repeat: repeat-x;
height: 100%;
}
#site {
text-align: left;
margin: auto;
padding: 0px;
position: relative;
width: 676px;
background-color: #CCCCD9;
background-image: url(head.jpg);
background-repeat: no-repeat;
height: 100%;vielen Dank im Voraus!
