Antworten auf deine Fragen:
Neues Thema erstellen

Div-Box wird zuweit unten dargestellt

B

blizzart88

Guest

Ich arbeite gerade an meiner Internetseiteund aus irgendwelchen Gründen, wird die div-Box unterhalb des Headers mit einem Abstand angezeigt, der eigentlich nicht da sein sollte (siehe hier: ).
In der CSS kann ich keinen Fehler erkennen.

Hier die CSS-Datei:

Code:
body    {background-image:url(../images/body-bg03.jpg);
        background-color: #1c1e1b;
        background-position: top left;
        font-size: 100.01%;}

#wrapper    {position: relative;
            width: 960px;
            margin-left: 320px;
            margin-top: 20px;
            }
            
#header        {width: 960px;
            height: 176px;
            background-image:url(../images/header.jpg);
            }
            
#navi1    {width: 960px;
        height: 43px;
        background-image:url(../images/navi1-bg.jpg);
        background-repeat: no-repeat;
        background-color: black;
        }

#navi2    {width: 960px;
        height: 48px;
        background-image:url(../images/navi2-bg.jpg);
        background-repeat: no-repeat;
        background-color: black;
        }

#navi3    {width: 960px;
        height: 42px;
        background-image:url(../images/navi3-bg.jpg);
        background-repeat: no-repeat;
        background-color: black;
        }

#header2    {width: 960px;                        /* ÜBERGANG ZWISCHEN HEADER UND CONTENT */
            height: 77px;
            background-image:url(../images/header2-bg.jpg);                
            background-repeat: no-repeat;
            background-color: black;
            }

#content    {background-image:url(../images/content-bg.jpg);
            background-repeat: repeat-y;
            background-color: black;
            width: 920px;
            height: 768px;
            min-height: 768px;
            padding-left: 20px;
            padding-right: 20px;
            }
            
#footer        {width: 920px;
            height: 92px;
            padding-top: 70px;
            background-image:url(../images/footer.jpg);
            padding-left: 20px;
            padding-right: 20px;
            }    


p    {font-family: Verdana, sans-serif;
    font-size: 0.8em;
    color: #F7CA00;
    }
    
strong    {font-family: Verdana, sans-serif;
        font-weight: normal;
        font-size: 1.0em;
        color: #F7CA00;
        }
    
h1, h2, h3, h4, h5, h6    {font-family: Verdana, sans-serif;
                        color: #F7CA00;
                        voice-volume: loud;                        /* siehe CSS PUR - S.59 */
                        voice-family: female;
                        voice-rate: slow;
                        }
    
h3.jpg    {font-family: Verdana, sans-serif;
        font-size: 1.1em;
        color: #E5D41C;
        text-indent: -99999px;
        voice-volume: loud;
        voice-family: female;
        voice-rate: slow;
        }
        
address {}

a    {font-family: Verdana, sans-serif;
    font-size: 1.0em;
    color: #F59D0F;
    border-bottom: dashed 1px #F59D0F;
    font-weight: bold;
    text-decoration: none;
    }

a:hover    {font-family: Verdana, sans-serif;
        font-size: 1.0em;
        color: #FCE55D;
        border-bottom: none;
        font-weight: bold;
        text-decoration: none;
        }

a:focus    {border: 1px red solid;}

Vielleicht kann mir jemand helfen.

Vielen Dank im Voraus.
 

cebito

undefined

AW: Div-Box wird zuweit unten dargestellt

Schön, und wie sollen wir wissen, wie es denn eigentlich aussehen soll? Ohne HTML nutzt der CSS-kram auch nix, das sollte jemand, der Seiten erstellt wissen. Lad das irgendwo hoch, poste hier den Link und eine genauere Beschreibung des Problems.
 
B

blizzart88

Guest

AW: Div-Box wird zuweit unten dargestellt

Ups, sorry, da hast du recht. Den HTML, hab ich glatt vergessen.

Siehe hier:
 
B

blizzart88

Guest

AW: Div-Box wird zuweit unten dargestellt

Das war die Lösung.
Danke cebito!

Hatte es ursprünglich auch in der CSS-Datei drinne, nur versehentlich gelöscht.
 

exo

Aktives Mitglied

AW: Div-Box wird zuweit unten dargestellt

und falls du deine Website dann auch noch zentriert haben willst, packste auf deinem wrapper anstatt margin-left: 320px einfach mal:
Code:
margin: 0 auto;
;)
 
B

blizzart88

Guest

AW: Div-Box wird zuweit unten dargestellt

und falls du deine Website dann auch noch zentriert haben willst, packste auf deinem wrapper anstatt margin-left: 320px einfach mal:
Code:
margin: 0 auto;
;)

Das ich mit margin: 0 auto die Seite zentriere war mir klar und ist bereits übernommen.

Danke trotzdem!
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.636
Beiträge
1.538.484
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben