XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Mozilla zeigt DIV zu oft an (http://xhtmlforum.de/showthread.php?t=50696)

cracki 04.03.2008 14:16

Mozilla zeigt DIV zu oft an
 
--delete pls--

heiko_rs 04.03.2008 14:18

HTML-Fehler, validieren, Links schließen.

cracki 09.03.2008 12:36

ok vielen dank erstmal.

Jetzt tauchen aufeinmal zwei neue Fehler auf.

1. Der Content Bereich wächst nicht nach unten weiter, sondern der Text wird außerhalb des Hintergrundes dargestellt. Außerdem zeigt der Firefox nun eine vertikale Scrollbar.

2. Der Border in #container wird nicht angezeigt.

Neue CSS:
Code:

body {
        background        : #fff;
        margin                : 0 auto;
        padding                : 0;
        text-align        : left;
        height                : 100%;
}

html { height        : 100% }

#container {
        width                : 1007px;
        text-align        : left;
        background        : url(./images/bg.jpg) repeat-y;
        min-height        : 100%;
          height                : auto !important;
    height                : 100%;
        border                : 1px solid #ccc;
}

#main {
        width                : 1007px;       
        margin                : 0;
        padding                : 0;
}


#content {
        position        : absolute;
        font-family        : sans-serif;
        font-size        : 14px;
        width                : 660px;
        left                : 230px;
        top                        : 250px;
}

#content h1 {
        font-family        : sans-serif;
        font-size        : 14px;
        font-weight        : bold;
        margin                : 0;
}

#content a {
        font-family        : sans-serif;
        font-size        : 14px;
        color                : #000;
        text-decoration: underline;
}

#content a:hover {
        font-family        : sans-serif;
        font-size        : 14px;
        color                : #454785;
        text-decoration: underline;
}

#navigation_oben {
        margin                : 0;
        padding                : 0;
        position        : absolute;
        left                : 216px;
        top                        : 189px;
}

#navi_left {
        position        : absolute;
        width                : 199px;
        top                        : 237px;
}

#navi_left_bottom {
        position        : absolute;
        top                        : 470px;
        width                : 199px;
}

#index {
        width                : 331px;
        height                : 200px;
        background        : url(./images/index.jpg) no-repeat;
        position        : relative;
        top                        : 50px;       
}

a#index_text_1 {
        width                : 142px;
        height                : 24px;
        background        : url(./images/index_text_1.jpg) no-repeat;       
        position        : absolute;
        float                : left;
        bottom                : 347px;
}

a#index_text_2 {
        width                : 189px;
        height                : 24px;
        background        : url(./images/index_text_2.jpg) no-repeat;       
        position        : absolute;
        left                : 143px;
        bottom                : 347px;
}

a#index_text_1:hover {
        width                : 142px;
        height                : 24px;
        background        : url(./images/index_text_1_active.jpg) no-repeat;       
        position        : absolute;
        float                : left;
        bottom                : 347px;
}

a#index_text_2:hover {
        width                : 189px;
        height                : 24px;
        background        : url(./images/index_text_2_active.jpg) no-repeat;       
        position        : absolute;
        left                : 143px;
        bottom                : 347px;
}


#index_text_3 {
        position        : relative;
        left                : 350px;
        bottom                : 143px;       
}

#index_text_4 {
        width                : 400px;
        position        : relative;
        left                : 350px;
        bottom                : 130px;       
}

#index_text_5 {
        width                : 400px;
        position        : relative;
        left                : 350px;
        bottom                : 90px;       
}

/* HEADER */

#header {
        width                : 1007px;
        height                : 181px;
        background        : url(./images/header/1.jpg) no-repeat;
}

#header2 {
        width                : 1007px;
        height                : 181px;
        background        : url(./images/header/2.jpg) no-repeat;
}

#header3 {
        width                : 1007px;
        height                : 181px;
        background        : url(./images/header/3.jpg) no-repeat;
}

#header4 {
        width                : 1007px;
        height                : 181px;
        background        : url(./images/header/4.jpg) no-repeat;
}

#header5 {
        width                : 1007px;
        height                : 181px;
        background        : url(./images/header/5.jpg) no-repeat;
}

#header6 {
        width                : 1007px;
        height                : 181px;
        background        : url(./images/header/6.jpg) no-repeat;
}

#header_bottom {
        width                : 1007px;
        height                : 39px;
        position        : absolute;
        top                        : 142px;
        background        : url(./images/header/bottom.jpg) no-repeat;       
}

#header_bottom_a1 {
        position        : relative;
        height                : 39px;
        width                : 135px;
        left                : 220px;
        float                : left;
}

#header_bottom_a2 {
        position        : relative;
        height                : 39px;
        width                : 190px;
        left                : 360px;
}

/* HAUPTMENÜ PUNKTE */

a#navi1 {
        width                : 196px;
        height                : 46px;
        background        : url(./images/navigation_oben/1.jpg) no-repeat;
        float                : left;
}

a#navi1:hover,a#navi1.active {
        width                : 196px;
        height                : 46px;
        background        : url(./images/navigation_oben/1_active.jpg) no-repeat;
        float                : left;
}

a#navi2 {
        width                : 196px;
        height                : 46px;
        background        : url(./images/navigation_oben/2.jpg) no-repeat;
        float                : left;
}

a#navi2:hover,a#navi2.active {
        width                : 196px;
        height                : 46px;
        background        : url(./images/navigation_oben/2_active.jpg) no-repeat;
        float                : left;
}

a#navi3 {
        width                : 196px;
        height                : 46px;
        background        : url(./images/navigation_oben/3.jpg) no-repeat;
        float                : left;
}

a#navi3:hover,a#navi3.active {
        width                : 196px;
        height                : 46px;
        background        : url(./images/navigation_oben/3_active.jpg) no-repeat;
        float                : left;
}

a#navi4 {
        width                : 196px;
        height                : 46px;
        background        : url(./images/navigation_oben/4.jpg) no-repeat;
        float                : left;
}

a#navi4:hover,a#navi4.active {
        width                : 196px;
        height                : 46px;
        background        : url(./images/navigation_oben/4_active.jpg) no-repeat;
        float                : left;
}



/* SUBMENÜ PUNKTE */

#philosophisches_head {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/philosophisches/head.jpg) no-repeat;
        float                : left;               
}

a#konzept {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/philosophisches/konzept.jpg) no-repeat;
        float                : left;       
}

a#konzept:hover,a#konzept.active {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/philosophisches/konzept_active.jpg) no-repeat;       
}

a#praxis {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/philosophisches/praxis.jpg) no-repeat;       
        float                : left;
}

a#praxis:hover,a#praxis.active {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/philosophisches/praxis_active.jpg) no-repeat;
}

a#philosophin {
        width                : 199px;
        height                : 22px;
        background        : url(./images/navigation_links/philosophisches/philosophin.jpg) no-repeat;
        float                : left;       
}

a#philosophin:hover,a#philosophin.active {
        width                : 199px;
        height                : 22px;
        background        : url(./images/navigation_links/philosophisches/philosophin_active.jpg) no-repeat;       
}

#unternehmen_head {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/unternehmen/head.jpg) no-repeat;
        float                : left;               
}

a#nutzen {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/unternehmen/nutzen.jpg) no-repeat;
        float                : left;       
}

a#nutzen:hover,a#nutzen.active {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/unternehmen/nutzen_active.jpg) no-repeat;       
}

a#situationen {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/unternehmen/situationen.jpg) no-repeat;
        float                : left;       
}

a#situationen:hover,a#situationen.active {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/unternehmen/situationen_active.jpg) no-repeat;       
}

a#empfehlungen {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/unternehmen/empfehlungen.jpg) no-repeat;
        float                : left;       
}

a#empfehlungen:hover,a#empfehlungen.active {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/unternehmen/empfehlungen_active.jpg) no-repeat;       
}

a#ablauf {
        width                : 199px;
        height                : 22px;
        background        : url(./images/navigation_links/unternehmen/ablauf.jpg) no-repeat;
        float                : left;       
}

a#ablauf:hover,a#ablauf.active {
        width                : 199px;
        height                : 22px;
        background        : url(./images/navigation_links/unternehmen/ablauf_active.jpg) no-repeat;       
}

#privatpersonen_head {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/privatpersonen/head.jpg) no-repeat;
        float                : left;               
}

a#fragen {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/privatpersonen/fragen.jpg) no-repeat;
        float                : left;       
}

a#fragen:hover,a#fragen.active {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/privatpersonen/fragen_active.jpg) no-repeat;       
}

a#krisen{
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/privatpersonen/krisen.jpg) no-repeat;
        float                : left;       
}

a#krisen:hover,a#krisen.active {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/privatpersonen/krisen_active.jpg) no-repeat;       
}

a#erkrankung{
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/privatpersonen/erkrankung.jpg) no-repeat;
        float                : left;       
}

a#erkrankung:hover,a#erkrankung.active {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/privatpersonen/erkrankung_active.jpg) no-repeat;       
}

a#erkrankung2{
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/privatpersonen/erkrankung2.jpg) no-repeat;
        float                : left;       
}

a#erkrankung2:hover,a#erkrankung2.active {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/privatpersonen/erkrankung2_active.jpg) no-repeat;       
}

a#ablauf2{
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/privatpersonen/ablauf.jpg) no-repeat;
        float                : left;       
}

a#ablauf2:hover,a#ablauf2.active {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/privatpersonen/ablauf_active.jpg) no-repeat;       
}

a#trauerreden{
        width                : 199px;
        height                : 22px;
        background        : url(./images/navigation_links/privatpersonen/trauerreden.jpg) no-repeat;
        float                : left;       
}

a#trauerreden:hover,a#trauerreden.active {
        width                : 199px;
        height                : 22px;
        background        : url(./images/navigation_links/privatpersonen/trauerreden_active.jpg) no-repeat;       
}

a#schriften {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/informationen/schriften.jpg) no-repeat;
        float                : left;       
}

a#schriften:hover,a#schriften.active {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/informationen/schriften_active.jpg) no-repeat;       
}

a#schriften2 {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/informationen/schriften2.jpg) no-repeat;
        float                : left;       
}

a#schriften2:hover,a#schriften2.active {
        width                : 199px;
        height                : 21px;
        background        : url(./images/navigation_links/informationen/schriften2_active.jpg) no-repeat;       
}

a#veranstaltungen {
        width                : 199px;
        height                : 22px;
        background        : url(./images/navigation_links/informationen/veranstaltungen.jpg) no-repeat;
        float                : left;       
}

a#veranstaltungen:hover,a#veranstaltungen.active {
        width                : 199px;
        height                : 22px;
        background        : url(./images/navigation_links/informationen/veranstaltungen_active.jpg) no-repeat;       
}


a#navi_left_bottom1 {
        width                : 199px;
        height                : 22px;
        background        : url(./images/navigation_links/zuschrift.jpg) no-repeat;       
        float                : left;
}

a#navi_left_bottom1:hover,a#navi_left_bottom1.active {
        width                : 199px;
        height                : 22px;
        background        : url(./images/navigation_links/zuschrift_active.jpg) no-repeat;       
        float                : left;
}

a#navi_left_bottom2 {
        width                : 199px;
        height                : 23px;
        background        : url(./images/navigation_links/impressum.jpg) no-repeat;       
        float                : left;
}

a#navi_left_bottom2:hover,a#navi_left_bottom2.active {
        width                : 199px;
        height                : 23px;
        background        : url(./images/navigation_links/impressum_active.jpg) no-repeat;       
        float                : left;
}


Bin für jede Antwort dankbar,
Cracki

Lumio 09.03.2008 13:54

Angegebene Seite funktioniert nicht mehr? 404

Vielleicht musst du einfach background-repeat:no-repeat; machen.

cracki 09.03.2008 15:26

Link sollte wieder gehen

Crizzo 09.03.2008 16:15

Alle Fehler: [Invalid] Markup Validation of http://t-webmedia.de/temp/hp/ - W3C Markup Validator ;)

Dies:
Code:

<div id="index_text_3">für Unternehmen und Privatpersonen</div>
Hängt rechts über.

PS: Du verwendest viel zu viele "Divs"!

fricca 09.03.2008 16:22

Wenn du willst, dass #container mitwächst, darfst du die Inhalte nicht absolut positionieren. Nutze Float und Clear (siehe FAQ Punkt 2).


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:44 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023