Navigation mit Submenü geht in Firefox aber nicht in IE7

[simninja]

Hallo,

ich bastel seit paar Tagen an einer Webseite für eine Ferienwohnung und hab jetzt gestern ein Submenü eingerichtet und das macht in IE7 probleme da wird es nicht nebeneinander angezeigt sondern untereinander:neutral:

Hier mal der Link zur Seite (Beta):Unbenanntes Dokument


und dann gleich noch 2 Fragen:
wie kann ich ein Mousover (Hover) bei der Navigationsleiste einstellen, weil meine navi gesteht aus Png datein.

und die zweite frage wäre: ich hätte mein Content (da wo der text/bilder... reinkommt) bereich gerne so eingestellt das er dynamisch ist also wenn mehr text ist er automatisch größer wird..

ich hab den body(also das div wo alle anderen divs drin liegen) auf 100% gestellt und den Content und den Text div auf 70% aber leider geht das nciht...
bzw ich hab sowas noch nie gemacht und weis nicht wirklich wie ich das anstelle und hab auch nichts nützlcihes bei google gefunden :-(

hoffentlich könnt ihr mir bissel helfen

Gruß
Simninja

 

[Imbericle]

Wenn etwas nicht funktioniert sollte man immer erstmal versuchen den Code valide zu machen:

[Invalid] Markup Validation of http://www.simninja.de/Rosengarten/index.html - W3C Markup Validator

Ergebnisse des CSS-Validators http://www.simninja.de/Rosengarten/index.html (CSS level 2.1)

Ansonsten sieht die Semantik grob gesehen im Firebug nicht schlecht aus.

Zu den anderen Fragen:

1. Was hat denn hover damit zu tuen ob es png sind?

Einfach ganznormal im CSS IdKlasseOderElement:hover { /*Eigenschaften*/ }

2. Automatische Größenanpassungen erreichst du mit der CSS-Eigenschaft auto, bzw in dem du es ganz weglässt, da auto der Initalwert ist.


MfG

 

[simninja]

Hey,

naja ich mach das schon manchmal das ich die Seite überprüfen lasse, aber ich versteh die fehler nicht man muss doch die sachen mit > schließen oder was will er mir damit sagen?

und ok ja auto wäre natürlich sinnvoll (peinlich^^)

das mit den hover werde ich mal testen (hab ich halt so noch nicht gemacht)

Gruß
Simninja

und könnte es bitte mal jemand im IE testen danke

 

[Imbericle]

naja ich mach das schon manchmal das ich die Seite überprüfen lasse, aber ich versteh die fehler nicht man muss doch die sachen mit > schließen oder was will er mir damit sagen?

Auf welche Fehlermeldung beziehst du dich genau?

Lies die Fehlermeldungen am besten laut vor, spätestens dann versteht man sie immer^^ ;)

MfG

 

[simninja]

Ok, werde ich machen^^

aber noch mal zum hover effect: und zwar ich definiere in CSS die größe... aber lege dann den Button im HTML rein
und naja ich hab jetzt probiert den hover effect einzubauen aber ohne erfolg :-(

hier mal ein code ausschnitt:
(css)
.menu {width: 936px; height:52px; position:relative; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; width:100%; height:100%; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}


.menu ul li:hover a {background-image:url(Bilder/hover_03.png); }
.menu ul li:hover ul {display:block; position:absolute; top:52px; left:0; width:201px;}
.menu ul li:hover ul li a.hide {background-image:url(Bilder/hover_03.png);}
.menu ul li:hover ul li:hover a.hide {background-image:url(Bilder/hover_03.png);}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background-image:url(Bilder/hover_03.png);}
.menu ul li:hover ul li a:hover {background-image:url(Bilder/hover_03.png);}

und hier von html:
<div class="menu">
<ul>
<li><a class="hide"></a>
<a href="http://www.simninja.de"><img src="/Bilder/daten_05.png" /></a>
</li>
<li><a class="hide"></a>
<a href="index.html"><img src="/Bilder/daten_06.png" /></a>
<ul>
<li><a href="index.html"><img src="/Bilder/subnav_03.png" /></a></li>
<li><a href="index.html"><img src="/Bilder/subnav_05.png" /></a></li>
</ul>
</li>
<li><a class="hide"</a>
...

und naja ich stehe mal wieder auf den schlauch wie ich das hinbekomme, aber sicher ihr könnt mir helfen ;-)

Gruß
Simninja