Gleiches CSS - gleicher Browser - trotzdem Unterschied in Anzeige

du62 · 24. März 2006

Hallo,

bin ziemlich neu im css-Bereich und brauche Hilfe.

Eigentlich sagt der Titel schon alles.

Also: Im Firefox - 2 Seiten HOME - Seite und Infocenter

Beide mit der gleichen css-Datei.

Trotzdem ist der Hintergrund beim Menü nicht der gleiche. Die Home ist o.k., das Infocenter nicht.

Weiß jemand Rat?

J-C · 24. März 2006

du meinst jetzt aber nicht, daß es "hin- und herspringt" oder? ... das würde nämlich an den Scrollbalken liegen .... die bei einem da sind und beim anderen nicht

du62 · 24. März 2006

NEIN - Bei der Home ist das komplette Menü farbig hinterlegt bei Infocenter, Naturkosmetik und Nahrungsergänzung aber nicht. Alle anderen Seiten stimmen.

J-C · 24. März 2006

achsooooo ... okay, ich schau mal

[EDIT]
ich glaube eher, es liegt vllt an deinem HTML-Code....

Code:

 					<ul><ul><li><a href="http://www.gesundheitspower.de/index.htm" title="Home">Home</a></li>
 						<li><a href="http://www.gesundheitspower.de/infocenter/index.htm" title=" Infocenter">Infocenter</a></li>

						<li><a href="http://www.gesundheitspower.de/linkcenter.htm" title="Linkcenter">Linkcenter</a><br> </li>
						<li><a href="http://www.gesundheitspower.de/abnehmen/index.htm">Abnehmen</a></li>
						<li><a href="http://www.gesundheitspower.de/naturkosmetik/naturkosmetik.htm" title="naturkosmetik">Naturkosmetik</a></li>
						<li><a href="http://www.gesundheitspower.de/nahrungsergaenzung/index.htm">Nahrungsergänzung</a></li>
						<li><a href="http://www.gesundheitspower.de/nova-nutria/index.htm">Nova Nutria</a><br> </li>
						<li><a href="http://www.gesundheitspower.de/blog/" title="Blog">Blog</a></li>

						<li><a href="http://www.gesundheitspower.de/forum/index.php" target="_blank">Forum</a></li>
					</ul></ul><br>

du hast zweimal <ul> hintereinander ... nimm mal eins davon weg, achja ... und http://www.gesundheitspower.de/ kannst du bei den Links weglassen ... "index.htm" oder "infocenter/index.htm" als linkangabe reicht =)

und eventuell solltest du deine ganzen Sonderzeichen escapen ... also "ä" statt "ä"

[/EDIT]

du62 · 24. März 2006

Hmm, das kann´s eigentlich nicht sein, weil alle anderen Seiten doch auch passen.

J-C · 24. März 2006

ich würd's trotzdem schonmal korrigieren ... mein FeuerFuchs meckert da nämlich dran rum

was is des

Code:

/* 
Template: fleur
Theme Name: Fleur De Lys
Theme URI: http://wpthemes.info
Author: Sadish Balasubramanian
Author URI: http://www.simpleinside.com
*/

du62 · 24. März 2006

J-C schrieb:
und eventuell solltest du deine ganzen Sonderzeichen escapen ... also "ä" statt "ä"

[/EDIT]

Wie geht das??

J-C · 24. März 2006

na so, wie ich geschrieben habe ... zb statt "ä" schreibst du "ä"

schau mal bei selfhtml nach -> http://de.selfhtml.org/html/referenz/zeichen.htm

ich schau mal weiter über deinen seltsamen quelltext

Wenn du schon mit CSS arbeitest, dann bitte nicht sowas:

Code:

adtp · 24. März 2006

Hallo,
ja es schein ein Problem mit dem rap.jpg zu sein. An der Verzeichnistiefe kann es nicht liegen, dachte ich zuerst, aber das Bild wird geladen aber nicht angezeigt. Das Problem tritt auch nur mit FF auf der IE zeigt es an. Auf die Schnelle finde ich auch keinen Unterschied zwischen Infocenter und Linkcenter der dafür verantwortlich ist.
Doch bei den anderen Seiten hast Du unten deinen footer drin nur auf der Infoseite nicht, tippe da ist irgend ein Tag nicht geschlossen, der IE verzeiht solche Fehler schon mal, FF nicht.
Vielleicht ist es das

Torsten

du62 · 24. März 2006

adtp schrieb:
Hallo,
Doch bei den anderen Seiten hast Du unten deinen footer drin nur auf der Infoseite nicht, tippe da ist irgend ein Tag nicht geschlossen, der IE verzeiht solche Fehler schon mal, FF nicht.
Vielleicht ist es das

Torsten

Sorry, das kanns auch nicht sein, die Infocenter-seite hat keinen Footer. :sad:

du62 · 24. März 2006

J-C schrieb:
Wenn du schon mit CSS arbeitest, dann bitte nicht sowas:

Code:

Sagte ja schon, bin relativ neu im CSS-Bereich.
Wie müßte das "ordentlich" aussehen?

Hier die CSS-Datei (CSS für ein Blog):

Code:

Template: fleur
Theme Name: Fleur De Lys
Theme URI: [url]http://wpthemes.info[/url]
Author: Sadish Balasubramanian
Author URI: [url]http://www.simpleinside.com[/url]
*/
/* General Styles */

body {
	color: #333;
	font-family: Trebuchet MS, Georgia, 'Times New Roman', serif;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 90%;
	background:#F2F2E9 url('img/shadow_background.jpg') repeat-y center;
}
.description 
{
	display:none;
}
a:link {
  color:#AA7D39;
  text-decoration:none;
  }
a:visited {
  color:#B3A99A; /*B8A280;*/
  text-decoration:none;
  }
a:hover {
  color:#9C803A;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }
a img {	border:none;}


#rap {
  width: 760px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: #fff;
	padding: 0;	
	background:#fff url('img/rap.jpg') repeat-y left;
}
acronym, abbr {
	border-bottom: 1px dotted #9C803A;
}

acronym, abbr, span.caps {
	cursor: help;
	letter-spacing: .07em;
}

code {
  font-size: 1em;
  font-style:italic;
}

blockquote {
	border-left: 5px solid #DADACE;
	margin-left: 1.5em;
	padding-left: 5px;
}

cite {
	font-size: 0.9em;
	font-style: normal;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-family: verdana, helvetica, sans-serif;
	font-weight: normal;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 1.2em;
	font-size: 1.1em;
}

/* Header Styles */

#header 
{
	margin: 0;
	padding: 5px 15px;	
	height: 160px;
	text-align: center;
	text-transform: uppercase;	
	background:url('img/fdl_top.jpg') repeat top;
}

#header h1 {
  margin: 30px auto 5px auto;
	padding: 50px 0 0 0;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align:right;
	font-family:Georgia, Verdana, Arial, Sans-Serif;
}


#header h1 a {
	text-decoration: none;
	border:none;
	color:#ddd;
	}
#header h1 a:hover,#header h1 a:active {
	text-decoration: none;
	color:#fff;
	}

/* Content Styles */

#content 
{
	float: right;
	margin:20px 0;
	padding:0 5px;
	background: #fff;
	width: 500px;
	font-size: 0.9em;
	display:inline;
}

.post {
  margin: 0 0 2em 0;	
}
#content ol 
{
	font-size:1.1em;
	margin:5px 0 5px 20px;
	padding:0 0 0 20px;
}
#content ol li
{
	margin:0;
	padding:2px;
	margin:5px 0 5px 18px;
}
#content ul 
{
	font-size:1.1em;
	list-style:none;
	margin:5px 0 5px 20px;
	padding:0 0 0 20px;
}
#content ul li 
{
	list-style:none;
	background:url('img/fdl_icon.gif') no-repeat left center;
	padding:2px 0 2px 18px;
}
/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.post-info {
	font-size: 0.85em;
	color: #808080;
	margin: 0 0 1em 0;
	padding: 0 0 0.3em 0;
	font-family: verdana, helvetica, sans-serif;	
	clear:both;
}

.post-info span {
  margin: 0.6em 0 0 0;
}

.post-info li {
	display: inline;
}

.post-info ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.post-info-co 
{
	text-align:right;
	padding-right:15px;
}
.post-title{
	margin: 0;	
	border-bottom: 1px solid #c96666;		
	text-align:right;
	font-size:0.96em;	
	padding:0;
	color:#C4C5B7;
	padding:0 0 0.1em 0;
}
.post-title em
{
	text-decoration:none;
	background:url('img/permalien.png') left no-repeat;
	padding-left:12px;
	font-size:1.3em;
	float:left;
	font-style:normal;
	font-family:Georgia, Arial, Sans-Serif;
}
#content .post-title em a
{
	text-decoration:none;
	color:#AA7D39;
}

.post-content 
{
	margin: 0 0 1em 0;
	padding: 0;		
	font-size:0.89em;
}
.post-footer 
{
	background:url('img/fdl_icon.gif') no-repeat center bottom;
}

/* sidebar Styles */

#sidebar {
	margin: 20px 0 0 40px;
	width: 190px;
	padding: 0 0 10px 2px;
	font-family: Trebuchet MS, Arial,Verdana, helvetica, sans-serif;		
	float:left;
	display:inline;
	color:#666;
}
html>body #sidebar {
  width: 190px;
}

#sidebar h2 {
	font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;	
font-size:1em;
color:#666;
margin:0.3em 0;
padding:3px 0 3px 2em;
background:transparent url('img/fdl_menu_1.jpg') no-repeat left center;
}

#sidebar h2.special {
	font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;	
font-size:1em;
color:#666;
margin:0.3em 0;
padding:3px 0 3px 2em;
background:transparent url('img/fdl_menu_1.jpg') no-repeat left center;
}

#sidebar form {
	margin: 0 0 1.5em 0;
}

#sidebar input#s {
	width: 100%;
	background: #F5F5F5;
	border: 1px solid #669BB4;
	color: #000;
	margin: 0.5em 0;
}

#sidebar ul {
		font-family: Verdana, Arial, Helvetica, sans-serif;	
	list-style-type: none;
	margin: 0;
	padding: 5px 0.5em 5px 1.5em;	
}

#sidebar ul li {
  	margin: 0;
	padding: 2px 0;
	font-size: 0.8em;	
}

#sidebar ul li p {
  margin: 0;
padding: 0;
font-size: 1.0em; 
}
/*  Footer Styles */

#footer 
{
	clear:both;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.9em;
	background:url('img/footer2.jpg') repeat top;
	color:#cacaca;
	text-transform:lowercase;
	height: auto;
}

#footer cite {
  color: #808080;
}

#footer a {
	color: #f0f0f0;
	text-decoration:none;
}
#footer a:hover {
	color: #fcfcfc;
}

/*  Comment Styles */
#content .commentlist 
{
	font: bold 1em georgia, 'Times New Roman', serif;
	color: #ccc;
	padding: 0;
	margin:0;
}

#content .commentlist li {
	color: #666;
	font: normal 0.85em georgia, 'Times New Roman', serif;
	margin-bottom: 10px;
	border:#DADACE 1px solid;
	padding:5px;
}

#content .commentlist cite {
	color: #808080;
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
}
#content .commentlist p 
{
	line-height:1.2em;
	padding:2px 0;
	margin:5px 0;
}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #F5F5F5;
	border: 1px solid #669BB4;
	padding: 0.2em;
}
#commentform textarea {
	width: 80%;
}
#commentform p {
  margin: 0 0 1em 0;
}
#content .commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}
#comments,#respond {
	margin: 3em 0 1em 0;
	color: #AA7D39;
	font: 0.9em verdana, helvetica, sans-serif;
}
textarea 
{
	width:80%;
}
/*other*/
.feedback 
{
	background:url('img/ico-talk-act.gif') no-repeat left;
	padding-left:18px; 
}
 
.pauthor, .ptime, .pcat
{
	font-size:0.8em;
	padding-right:10px;
}

.pauthor
{
	background:url('img/user.png') no-repeat left;
	padding-left:12px;
}
.ptime
{
	background:url('img/heure.png') no-repeat left;
	padding-left:12px;
}
.pcat
{
	background:url('img/puce.png') no-repeat left;
	padding-left:12px;
}
#content .table {
       background: url(img/fdl_menu_2.jpg) repeat-x;
       text-align: left;
       border: 2px #82826F solid
 }

#content .table_tr_bottom {
       background: url(img/fdl_menu_2.jpg) repeat-x;
 }

#content ul ul li { list-style:none; background:url('img/fdl_icon.gif') no-repeat left center; padding:2px 0 2px 18px;
 }

J-C · 24. März 2006

hmm - ich würde vorschlagen, du bereinigst deine seite nochmal von content und baust die neu auf ... weil da ist einges fehlerhaft ... und nicht ordentlich gecodet

AAAAAAAAAAAAAAAAAAAAAAAAAAA - bitte korrigiere mal dein Posting und setz wenigstens ein "

Code:

" - Tag drumherum ... die CSS-File kenn ich schon

du62 · 24. März 2006

J-C schrieb:
... und nicht ordentlich gecodet

Wie / Was meinst Du jetzt damit?? Ich hab die CSS einfach aus dem Blog genommen und halt meine Seiten daran
angepasst.

Welche Fehler sind drin? Wo? Im CSS oder html?

J-C · 24. März 2006

im HTML sind die Fehler -> siehe PN

du62 · 24. März 2006

WOW

Ich hab´s gefunden. Jede Seite "OHNE" Footer zeigt das Menü nicht richtig an.

Egal dabei, ob etwas drin steht oder nicht. Hauptsache im html stehts drin.

Trotzdem DANKE an alle.

Dagmar

Gleiches CSS - gleicher Browser - trotzdem Unterschied in Anzeige

du62

New member

J-C

Lounge-Member

du62

New member

J-C

Lounge-Member

du62

New member

J-C

Lounge-Member

du62

New member

J-C

Lounge-Member

adtp

New member

du62

New member

du62

New member

J-C

Lounge-Member

du62

New member

J-C

Lounge-Member

du62

New member