Einzelnen Beitrag anzeigen
  #3 (permalink)  
Alt 09.03.2008, 11:36
cracki cracki ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.03.2008
Beiträge: 5
cracki befindet sich auf einem aufstrebenden Ast
Standard

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

Geändert von cracki (09.03.2008 um 11:41 Uhr)
Mit Zitat antworten