zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Problem .. mittlerer Container variabel

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.03.2008, 15:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.03.2008
Beiträge: 25
BallaBalla07 kann nur auf Besserung hoffen
Standard CSS Problem .. mittlerer Container variabel

Hallo Leute ....

ich habe ein kleines Problem. Kann mir jemand weiterhelfen?
Ich habe eine Seite mit 4 Containern.
Unterhalb des Menus sollen ab 105px von oben die Container mit dem Inhalt folgen.
Im ersten ( content_oben ) ist das Hintergrundbild 200px hoch, genauso wie der Container.

Im zweiten (content_mitte ) ist der Hintergrund nur 1px hoch und soll wiederholt werden. Dieser Container soll abhängig von #idbg sein. unten steht noch height:460px; aber dieser Container soll veränderbar sein.

Der dritte Container ist wieder mit der Höhe und dem Hintergrund fest vergeben und soll bis 20px vor dem Bildschirmende gehen.

Ist das so überhaupt realisierbar?

Liebe Grüße


Hier das fehlerhafte css was ich bislang habe.
PHP-Code:
#mainnav    {
    
width:800px;
    
height:70px;
    
position:absolute;
    
top30px;
    
left:50%;
    
margin-left:-400px;
    
color:#FFF;
    
background:transparent url(../img/bg_menue.jpgno-repeat top left;
    
z-index:99;
    }

#content_oben    {
    
width1100px;
    
height200px;
    
positionabsolute;
    
top105px;
    
left:50%;
    
margin-left:-550px;
    
background:#FFF url(../img/bg_oben.jpg) no-repeat center center;
    
z-index:0;
    }    
#content_mitte    {
    
width1100px;
    
heightinherit;
    
positionabsolute;
    
top305px;
    
left:50%;
    
margin-left:-550px;
    
background:#FFF url(../img/bg_mitte.jpg) center center;
    
z-index:0;
    }    
    
#content_unten    {
    
width1100px;
    
height305px;
    
positionabsolute;
    
bottom20px;
    
left:50%;
    
margin-left:-550px;
    
background:#FFF url(../img/bg_unten.jpg) no-repeat center center;
    
z-index:0;
    }
    
#idbg    {
    
width:785px;
    
height:460px;
    
position:absolute;
    
top:109px;
    
left:50%;
    
margin-left:-392.5px;
    
z-index:1;    
    } 
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
CSS IE Problem Mariot CSS 2 06.09.2009 01:06
Problem bei CSS Grundlayout DasSauerkraut CSS 0 10.08.2009 22:35
Doctype und CSS Problem tech CSS 3 29.05.2009 21:16
Float / Container Problem - Total seltsam. einfachder CSS 9 16.07.2008 13:05
Problem bei Positionierung eines <div> im Container Robse CSS 2 12.06.2004 13:43


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:39 Uhr.