Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 02-12-2006, 09:13
Ragnaroek
 Newbie
Links : Onlinestatus : Ragnaroek ist offline
Registriert seit: Dec 2006
Beiträge: 4
Ragnaroek ist zur Zeit noch ein unbeschriebenes Blatt
Standard Bild über mehrere Div's plazieren...

Hallo allerseits...

Zuerst das Objekt des Problems:

Seite

Die Seite besteht im mittleren Teil aus 3 Teilen.

content_oben ist der Verlauf, content_repeater die Stücke in der Mitte (1px), connten_innen der graue Rahmen, und content_footer unten. Ich weiß, das ist noch nicht optimal und wird auch noch verbessert.

Wobei es mir jetzt geht:

Das Bild auf der rechten seite geht von seiner Größe her quasi über mehrere Divs. Das PRob was ich jetzt habe ist das es nie passt. Entweder wird das Bild abgeschnitten oder sprengt alles auseinander. Ich habe das ganze schon an verschiedenen Stellen probiert, aber nichts gefunden. Das ganze sollte am Ende so aussehen:

Entwurf

hätte evt. jemand eine Idee dazu?

Hier noch die Codes:

html:

Code:
<body>
<div id="content_all" align="center">
	
	<div id="header"></div>
	<div id="content_mitte">

		<div id="content_oben"></div>
		
			<div id="content_repeater">
	
				<div id="content_innen">
				<div id="index_rechts"></div>	
				</div>

	
			</div>
		
		<div id="content_footer"></div>

	</div>


</div>
</body>
CSS
Code:
body 
{ 
	background: #ffffff; 
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
}

#content_all
{
	width: 930px;
	height: 650px;
}

#content_mitte
{
	width: 929px;
	height: 559px;
}

#header
{
	width: 800px;
	height: 96px;
	background: url(images/dieter-nuhr-header.jpg) no-repeat top;
}

#content_oben
{
	width: 806px;
	height: 40px;
	background: url(images/dieter-nuhr-content_oben.jpg) no-repeat top;
}

#content_repeater
{
	width: 806px;
	background: url(images/dieter-nuhr-content_repeater.jpg) repeat-y top; width: 806px;
}

#content_footer
{
	width: 806px;
	height: 31px;
	background: url(images/dieter-nuhr-content_footer.jpg) no-repeat top;
}

#content_inhalt
{
	width: 806px;
	height: 600px;
}

#content_innen
{
	z-index: 5;
	width: 718px;
	height: 485px;
	background: url(images/dieter-nuhr-content_innen.jpg) no-repeat top;
}

#index_rechts
{
	z-index: 10;
	background: url(images/dieter-nuhr-index-rechts.png) no-repeat top;
	width: 245px;
	height: 513px;
	margin-left: 650px;
	margin-top: 0px;
}
vielen lieben Dank schon mal für die Hilfe

Ragna
Mit Zitat antworten