CSS Firefox Problem

richidenn · #1 (**permalink**) 01.11.2010, 15:32

Hi folgendes Problem

Für die Schule muss ich eine Hompage erstellen in meinem Fall für ein Hotel.
Ich habe leider auch noch nicht sehr viel Erfahrung und mehr als Grundwissen habe ich bisher nicht. So jetzt ist mien Problem das Firefox mein Menü überhaupt garnicht anzeigt. Im IE wird es aber wunderbar dargestellt.
Der Inhalt kommt noch

So sieht es im Firefox aus:
http://img259.imageshack.us/img259/140/firefoxi.png

So im IE:
http://img534.imageshack.us/img534/4716/48428600.png

Wie ihr seht funktioniert auch der Hover effekt beim IE soweit sehr gut

Hier der CSS code:

Code:

body.menü{
background-color:#800000;
}

body.picture{
margin:0;
padding:0;
background: no-repeat fixed URL("Bilder/Hamburg.jpg");
width: 100%;
height: 100%;
}

body.picture2{
margin:0;
padding:0;
background: no-repeat fixed URL("Bilder/Hamburg3.jpg");
width: 100%;
height: 100%;
}


img{
border:0;
}



.Gästebuch {
width: 172px;
height:50px;
background: url("Bilder/Gästebuch.jpg") no-repeat;
}

a.Gästebuch:hover {
background-position: -172px 0;
}

.Kontakt {
width: 121px;
height:50px;
background: url("Bilder/Kontakt.jpg") no-repeat;
}

.Kontakt:hover {
background-position: -121px 0;
}

.Hotel {
width: 121px;
height:50px;
background: url("Bilder/Hotel.jpg") no-repeat;
}

.Hotel:hover {
background-position: -121px 0;
}

.Zimmer {
width: 121px;
height:50px;
background: url("Bilder/Zimmer.jpg") no-repeat;
}

.Zimmer:hover {
background-position: -121px 0;
}

.Preise {
width: 121px;
height:50px;
background: url("Bilder/Preise.jpg") no-repeat;
}

.Preise:hover {
background-position: -121px 0;
}

.Anfahrt {
width: 121px;
height:50px;
background: url("Bilder/Anfahrt.jpg") no-repeat;
}

.Anfahrt:hover {
background-position: -121px 0;
}

und hier der HTML code:

Code:

<html>

<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>

<body class="menü">

<table width="100%">

<th><a href="#" class="Hotel"></a></th>
<th><a href="#" class="Zimmer"></a></th>
<th><a href="#" class="Preise"></a></th>
<th><a href="#" class="Gästebuch"></a></th>
<th><a href="#" class="Anfahrt"></a></th>
<th><a href="#" class="Kontakt"></a></th>




<body>



</html>

Ich hoffe ihr habt eine Idee

Mfg

Manfred62 · #2 (**permalink**) 01.11.2010, 16:30

Die table wird nicht geschlossen </table>.
Umlaute in html und css --> gar nicht gut (body class="menü").
BTW: eine Navigation macht man eher mit einer ul.

Tipp zum lernen:
Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (von Peter Müller)

Gruß Manfred

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Doctype und CSS Problem	tech	CSS	3	29.05.2009 20:16
Benötige dringend Hilfe mit CSS in Firefox & IE :(	r4m0n	CSS	3	20.03.2009 11:12
Synchroner XMLHttpRequest und Firefox reagiert nicht mehr	kristian	Javascript & Ajax	3	05.08.2008 16:10
problem mit div box im firefox - dringend!!	tee	CSS	11	27.09.2007 19:21
Problem mit Firefox CSS width/height input-field type text/submit in XHTML	NedwebSurfer	CSS	3	14.06.2006 13:23