IE korrekte Darstellung in Mozilla Firefox verwirft Schrift

[nicodinho22]

Hallo,

unsere Seite wird im IE korrekt angezeigt im Mozilla Firefox verwirft dieser allerdings Grafiken und verschiebt auch Schriften usw.
Die Seite sieht einfach total sche.... aus.

Kann mir jemand dazu einen Rat geben, danke.

Liebe Grüße
Nico

[emergence]

so wird das etwas schwer...
vielleicht solltest du den link zur website mit angeben...

[nicodinho22]

kein Problem:

www.metris.de

gruss
nico

[emergence]

-> http://jigsaw.w3.org/css-validator/vali ... styles.css

kleiner tipp
die höhen angaben sollten vielleicht korrigiert werden...
"22" sollte eventuell 22px sein...

[nicodinho22]

hi,

habe das css angepasst, aber das war wohl nicht die lösung für die balken, aber trotzdem danke.

gruss nico

[emergence]

na ja nach einem reload der seite stimmen jetzt mal die navigation abstände...

headline und service navigation stimmt noch nicht...

[nicodinho22]

ja aber ich weiss noch nicht warum?

[Beleuchtfix]

Inzwischen bist du wohl weiter
Firefox ist sehr pingelig, was css anbelangt. Am besten einmal durch einen CSS Validtor jagen.

Viel Erfolg
Florian

[nicodinho22]

ja nur leider noch nicht da wo ich im IE bin, weiß aber auch nicht mehr weiter, bin da sowieso noch nicht der held drin. leider ist der firefox sehr verbreitet und so kann die page nicht bleiben.

Habe etwas völlig verpennt, es dreht sich nicht um die Seite www.metris.de, die soll ja erneuert werden und die an der ich arbeite ist ja nur lokal. d.h. ich kopier Euch mal das CSS, evtl. sieht da jemand was.

Code: Alles auswählen

body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

select {
	text-indent: 10pt;
	border: thin solid #FF9900;
}

ul {
	list-style-image: url(../img/quadrat_FF9900.gif);
}

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	letter-spacing: 5px;
	color: #666666;
}

h1.mt_secondline
{
	margin-top: -20px;
	margin-bottom: 12px ;
	font-size: 8pt;
	letter-spacing: 2px;
}

h2 {
	margin: 0px 0px 12px;
	letter-spacing: 3px;
	font-size: 9pt;
	padding-left: 10px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	color: #000000;
}

a:link {
	color: #993300;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #993300;
}
a:visited {
	text-decoration: none;
	color: #993300;
}

img {
	border-width: 0px;
}

p {
}

small {
	font-size: 8pt;
}

.mt_footer {
	font-size: 8pt;
}

.mt_navbar {
	font-size: 8px;
	color: #FFFFFF;
}

.mt_bold {
	font-weight: bold;
}

.mt_balken {
	background-color: #FFDBA4;
	padding-left: 10px;
}

.mt_kasten {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #666666;
	color: #666666;
	margin: -10px 0px 12px;
	font-size: 8pt;
	letter-spacing: 2px;
	padding: 2px;
	padding-left: 12px;
}

.mt_linkbox   { font-style: normal; font-weight: 100; font-stretch: normal; padding-top: 8px; padding-bottom: 8px; border: solid 1px #ff9900; outline: dashed thin #f90 }

.mt_metanavigation {
	font-size: 10pt;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none; 
}
a.mt_metanavigation:hover {
	color: #993300;
}
a.mt_metanavigation:link {
	color: #666666;
}
a.mt_metanavigation:visited {
	color: #666666;
}


table.mt_navigation  { background-color: #ff9900; border: solid 1px #ff9900 }
font.mt_navigation {
	color: #ffffff
}
td.mt_navigation {
	background-color: #AAAAAA;
	padding: 2px;
}

td.mt_navigation_element {
	height: 22px; 
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-color: #999999; 
	border-style: dashed;
	
}

td.mt_navigation_element_activ {
	height: 22px; 
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color: #ff9900; 
	border-style: solid;
	background-color: #ff9900;
	color: #ffffff;
	font-weight:bold
}


a.mt_navigation_element_activ {
	color: #FFDBA4;
	text-decoration: none;
}

a.mt_navigation_element {
	color: #000000;
	text-decoration: none;
}

a.mt_navigation_element:hover {
	color: #FFDBA4;
}

a.mt_navigation_element:visited {
	color: #000000;
	text-decoration: none;
}

td.mt_dropshadow {
	background-color: #333333;
}

a.mt_navigationpath:link  { color: white; text-decoration: none }
a.mt_navigationpath:visited  { color: white; text-decoration: none }

td.mt_content {
	background-color: #FFFFFF;
}

td.mt_footer {
	background-color: #AAAAAA;
}
a.mt_footer:hover {
	text-decoration: none;
	color: #993300;
}
a.mt_footer:link {
	text-decoration: none;
	color: #666666;
}
a.mt_footer:visited {
	text-decoration: none;
	color: #666666;
}

td.mt_linkcontainer_head {
	height: 30px; 
	border-width: 1px;
	border-color: #ff9900; 
	border-style: solid;
	padding: 5px;
	font-weight:bold;
}

td.mt_linkcontainer_body {
	vertical-align: "top";
	height: 100px; 
	border-width: 1px;
	border-color: #ff9900;
	border-style: solid;
	padding: 5px;
}

.mt_footer_content {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #666666;
}

.mt_input {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;

	text-indent: 8pt;
	width: 240px;
	border-style: solid;
	border-width: 1px;
	border-color: #FF9900;
	
	scrollbar-base-color:#FF9900;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-darkshadow-color:#000000;
    scrollbar-face-color:#FF9900;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#000000;
    scrollbar-track-color:#FF9900;
}

textarea.mt_input {
	height: 150px;
}
.hiddensummary
{
 visibility: hidden;
 position:absolute; top:-999px; left:-999px; z-index: -1;
 font-size: 2pt;
}
 
h4
{
 visibility: hidden;
 position:absolute; top:-999px; left:-999px; z-index: -1;
}

[Beleuchtfix]

Ja, ich sehe eine Reihe von Zahlen und Buchstaben

Vielleicht sagst du einmal, was nicht richtig funzt, denn sonst ist es schwierig.

Viel Erfolg
Florian