zurück zur Startseite
  

Registrieren Hilfe Benutzerliste Suchen Heutige Beiträge Alle Foren als gelesen markieren

Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Mozilla zeigt DIV zu oft an

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.03.2008, 13:16
Neuer Benutzer
neuer user
Thread-Ersteller
  
Registriert seit: 04.03.2008
Beiträge: 5
cracki befindet sich auf einem aufstrebenden Ast
Standard Mozilla zeigt DIV zu oft an
--delete pls--
Geändert von cracki (21.04.2008 um 21:33 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.03.2008, 13:18
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
  
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.849
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard
HTML-Fehler, validieren, Links schließen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.03.2008, 11:36
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
  #4 (permalink)  
Alt 09.03.2008, 12:54
Neuer Benutzer
neuer user
  
Registriert seit: 25.02.2008
Ort: 4400
Beiträge: 25
Lumio befindet sich auf einem aufstrebenden Ast
Standard
Angegebene Seite funktioniert nicht mehr? 404

Vielleicht musst du einfach background-repeat:no-repeat; machen.
Mit Zitat antworten
  #5 (permalink)  
Alt 09.03.2008, 14:26
Neuer Benutzer
neuer user
Thread-Ersteller
  
Registriert seit: 04.03.2008
Beiträge: 5
cracki befindet sich auf einem aufstrebenden Ast
Standard
Link sollte wieder gehen
Mit Zitat antworten
  #6 (permalink)  
Alt 09.03.2008, 15:15
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
  
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.829
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard
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"!
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #7 (permalink)  
Alt 09.03.2008, 15:22
Erfahrener Benutzer
XHTMLforum-Kenner
  
Registriert seit: 28.01.2005
Beiträge: 11.776
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard
Wenn du willst, dass #container mitwächst, darfst du die Inhalte nicht absolut positionieren. Nutze Float und Clear (siehe FAQ Punkt 2).
Mit Zitat antworten
Antwort

« Vorheriges Thema | Nächstes Thema »
Themen-Optionen
Ansicht
Linear-Darstellung Linear-Darstellung

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
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 19:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 16:53
Header entfernen tripple CSS 17 15.06.2010 15:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 10:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 19:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:21 Uhr.

Datenschutzerklärung - Impressum - Archiv - Nach oben

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

© Dirk H. 2003 - 2023