Bild über mehrere Div's plazieren...

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • 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

  • #2
    im CSS in #content_mitte das Bild als background eintragen
    it's not a bug,
    it's a feature!

    Kommentar

    Lädt...
    X