✔ Firefox Anzeigefehler

Status
Nicht offen für weitere Antworten.
freakcx

freakcx

Erfahrenes Mitglied
Hallo,

Habe im IE den Fehler dass der mir keine Trennline anzeigt, und in Firefox zeigt der mir das Bild was als Überschrift dient nur halb an und unten endet die navi zufrüh... Hier könnt ihr euch das mal angucken:

http://www.christiankrause.de/allan/index.php?action=hydraulik


CSS:
PHP: 
body, html
 {
 width: 100%;
 height: 100%;
 margin: 0px;
 padding: 0px;
 }
table
 {
 width: 100%;
 height: 100%;
 border: 0px;
 padding: 0px;
 }
a 
 {
 font-size: 12px;
 color: #333333;
 }
a:link 
 {
 text-decoration: none;
 }
a:visited 
 {
 text-decoration: none;
 color: #333333;
 }
a:hover 
 {
 text-decoration: none;
 color: #666666;
 }
a:active 
 {
 text-decoration: none;
 color: #333333;
 }
#leftnavi
 {
 background-image: url(gfx/navi_leftback.jpg);
 background-repeat: repeat;
 font-family: tahoma,arial,helvetica,sans-serif;
 font-size: 12px;
 color:#333333;
 width: 155px;
 }
#leftnavi_menue
 {
 width: 155px;
 height: 100px;
 border: 0px;
 padding: 0px;
 }
#banner_left
 {
 background-image: url(gfx/banner_back.jpg);
 width: 0px;
 height: 81px;
 }
 #banner_center
 {
 background-image: url(gfx/banner_back.jpg);
 width: 0px;
 height: 81px;
 }
 #banner_right
 {
 background-image: url(gfx/banner_back.jpg);
 height: 81px;
 }
 
#main {
 height: 100%;
 font-size: 12px;
 font-family: tahoma,arial,helvetica,sans-serif;
 color:#333333;
 }

#main_1
	{
	text-align:left;
	margin-top: 0px;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-weight: bold;
	color: #000000;
	
	}
#main_2
	{
	text-align:left;
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #009900;
	}
#main_3
	{
	font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; text-align:left;
	}
#main_old
	{
	
	text-align:left;
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #0099CC;
	}

Was habe ich falsch gemacht?
 
Das ist keine Fehldarstellung sondern nur logisch. Probier mal folgende Deklarationen:
Code: 
body {
	margin:			0;
	padding:		0;
	background:		url(http://www.christiankrause.de/allan/gfx/navi_leftback.jpg) repeat-x 0 0;
}
table {
	padding:		0;
	width:			100%;
	border-style:		none;
}
 
soweit klappt das mit deinen Vorschlägen bis auf das Problem das sich nix geändert hat in der Anzeige.

PHP: 
background: url(gfx/navi_leftback.jpg) repeat-x 0 0;

geht gar nicht.
 
Ich vermute, dass der Grund für die im FireFox vertikal verschobene Grafik main_hydraulik.jpg an den kleineren Abständen zwischen den darunter folgenden Inhalten / Absätzen (Aggregate, Dichtungen, Pumpen, usw.) liegt ... :confused:

Grundsätzlich gilt:
  • eine ID darf in einem Dokument / einer Seite nur einmal vergeben werden.
Du hast die ID's #main_1, #main_2, #main_3, #main_old aber mehrmals verwendet. Empfehle dir daher, die ID's in eine Klasse umzuwandeln, also:

Code: 
.main_1  { } 
.main_2 { }
.main_3 { }
.main_old { }
HTML: 
<td class="main_1"> ... </td>
 
In deinem oben erwähnten Beispiel ist dies nicht der Fall.

Wenn ich nachfolgendes Stylesheet verwende, wird die Hintergrundgrafik bis zum unteren Rand dargestellt:
Code: 
body {
	margin:		0;
	padding:	0;
	background:	url(gfx/navi_leftback.jpg) repeat-y;
}
table {
	width:		100%;
}
 
Zuletzt bearbeitet:
Sprichst du mit mir, Gumbo :confused:


[ editpost ] ... offensichtlich nicht ;-]
 
Zuletzt bearbeitet von einem Moderator:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück