zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden DIV mit Hintergrundbild

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.11.2006, 11:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2006
Beiträge: 3
jochen35 befindet sich auf einem aufstrebenden Ast
Standard DIV mit Hintergrundbild

Hallo,

bei der Gestalltung meiner Seite mit CSS stehe ich derzeit vor folgendem Problem.

Meine Seite besteht im wesentlichen aus zwei aus zwei Blöcken (DIVs).



Der grüne Bereich ist dient nur als Hintergrund und der rote Bereich soll mit Inhalt befüllt und mit einem Hintergrundbild versehen werden. Dabei soll das Hintergundbild fixiert sein, so dass der Text über das Hintergrundbild scrollt.

Das Problem besteht nun darin, dass das Hintergundbild (siehe .box-content) am oberen linken Seitenrand ausgereichtet ist und es somit nicht im Block zu sehen ist. Erst wenn ich das Browserfenster verkleinere wird es sichtbar.



Was mache ich falsch???

Hier die Index-Seite:

PHP-Code:
<html>
<
head>
<
title>Titel</title>

<
link rel="stylesheet" type="text/css" href="default.css" media="screen" TITLE="default">

</
head>
<
body>

<
div class="box-center"></div>
<
div class="box-content">Inhalt</div>

</
body>
</
html
Hier ein Auszug aus der default.css:

PHP-Code:
body {
    
margin20px;
    
text-aligncenter;
    
background-color#666666;
    
font-familyarialverdanahelveticatahomasans-serif;
    
font-size:11px;
}

.
box-center {
    
positionabsolute;
    
width774px;
    
height290px;
    
margin-left: -387px;
    
margin-top: -145px;
    
left50%;
    
top50%;
    
padding0px;
    
text-alignleft;
    
background-imageurl(../images/bg-screen.jpg);
    
border:3px solid #ffffff;
}

.
box-content {
    
positionabsolute;
    
width300px;
    
height350px;
    
margin-left: -40px;
    
margin-top: -190px;
    
left50%;
    
top50%;
    
padding20px;
    
text-alignleft;
    
background-color#333333;
    
border3px solid #ffffff;
    
color:#ffffff;
    
    
background-attachmentfixed;
    
background-imageurl(../images/bg-content.jpg);    
    
background-repeatno-repeat;
    
    
overflow:auto;
    
scrollbar-3dlight-color#444444;
     
scrollbar-arrow-color#aaaaaa;
     
scrollbar-darkshadow-color#444444;
     
scrollbar-face-color#444444;
     
scrollbar-highlight-color#444444;
     
scrollbar-shadow-color#444444;
     
scrollbar-track-color#333333;


Gruß
Jochen
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.11.2006, 15:53
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von jochen35 Beitrag anzeigen
Dabei soll das Hintergundbild fixiert sein, so dass der Text über das Hintergrundbild scrollt.
Das erreichst du mit dem Wert scroll für background-attachment.
Colors and backgrounds | background-attachment
Zitat:
Zitat von W3C
If an element has a scrolling mechanism (see 'overflow'), a 'fixed' background doesn't move with the element, and a 'scroll' background doesn't move with the scrolling mechanism.
Nur der IE bis Version 6 (7 weiß ich gerade nicht) versteht das falsch. Dieser braucht fixed, um den gewünschten Effekt zu erreichen.

Was mit dem Wert "fixed" zu erreichen ist, kannst du dir bei Eric Meyer anschauen.

Geändert von fricca (06.11.2006 um 15:55 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Header entfernen tripple CSS 17 15.06.2010 16:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:38 Uhr.