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