✔ Firefox Anzeigefehler

[freakcx]

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:

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?

 

[Gumbo]

Das ist keine Fehldarstellung sondern nur logisch. Probier mal folgende Deklarationen:

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;
}

 

[freakcx]

soweit klappt das mit deinen Vorschlägen bis auf das Problem das sich nix geändert hat in der Anzeige.

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

geht gar nicht.

 

[Gumbo]

Ersetze mal die body, html- und table-Deklarationsblöcke durch meinen Vorschlag.

 

[Maik]

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 ...

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:

.main_1  { } 
.main_2 { }
.main_3 { }
.main_old { }

<td class="main_1"> ... </td>

 

[freakcx]

Ersetze mal die body, html- und table-Deklarationsblöcke durch meinen Vorschlag.

hehe ja so dumm bin ich auch nicht das habe ich bereits gemacht

 

[Gumbo]

Damit es zu keiner Desinformation kommt: Klassen werden durch die Attribut-Deklaration im HTML-Dokument definiert und nicht erst durch die Selektoren im Stylesheet.

 

[Gumbo]

In deinem oben erwähnten Beispiel ist dies nicht der Fall.

Wenn ich nachfolgendes Stylesheet verwende, wird die Hintergrundgrafik bis zum unteren Rand dargestellt:

body {
	margin:		0;
	padding:	0;
	background:	url(gfx/navi_leftback.jpg) repeat-y;
}
table {
	width:		100%;
}

 

[Maik]

Sprichst du mit mir, Gumbo


[ editpost ] ... offensichtlich nicht ;-]

 

[Gumbo]

Sprichst du mit mir, Gumbo

Kannst du mich etwa hören? Ahhh!