CSS, Menü, DropDown, IE7

haeger23 · Beitrag von **haeger23** » Fr 20. Okt 2006, 10:07

Moin, Moin!

Ich hoffe das passt jetzt in dieses Forum. Ich habe ein CSS Problem mit dem neuen IE7 und bekomme es leider nicht in den Griff.

hier zu sehen => http://rita-bosse.de/bosse/

Es geht um das horizontale Menü mit dem aufklappbaren Untermenü, und zwar habe ich es in folgenden Browsern erfolgreich getestet: IE5, IE5.5, IE6, FF und Netscape7

Aber in dem neuen IE wird das Untermenü rechts der Listenelemente aus der 1. Ebene angezeigt, statt darunter.

Das CSS könnt ihr euch HIER anschauen.

Muss ehrlich sagen, mittlerweile hab ich ne kleine Hasskappe auf, wenn ich an den IE denke.

Hoffentlich gibt es jemanden der das Problem bezwingen kann

Gruß der Haeger

Beitrag von **Dodger77** » Fr 20. Okt 2006, 10:13

Wo ist das Contenido-Problem? HTML-/CSS-Fragen sind in Foren, die sich im Besonderen darum kümmern, doch in der Regel besser aufgehoben.

Außerdem gehört das nicht in Development:

Rund um die Entwicklung von Contenido. Keine Module, Bugs oder ähnliches!

haeger23 · Beitrag von **haeger23** » Fr 20. Okt 2006, 10:21

hmmm ... recht hasst du, habe wohl dieses Rund um ... fehl interpretiert

Beitrag von **Oldperl** » Fr 20. Okt 2006, 10:42

@Dodger77

Wo ist das Contenido-Problem? HTML-/CSS-Fragen sind in Foren, die sich im Besonderen darum kümmern, doch in der Regel besser aufgehoben.

Nun das "Contenido-Problem", wenn man das so bezeichnen kann, ist, das dieses ein Modul für/in Contenido ist. Es wäre in meinen Augen schade, wenn die Antwort auf sein Problem dann auf z.B. CSSforYou oder so auftauchen würde. Ich persönlich bin froh, das solche Probleme auch hier im Forum gepostet werden, dadurch ist eine Lösung viel schneller gefunden.

Außerdem gehört das nicht in Development:

Nun haeger23 sagte ja

Ich hoffe das passt jetzt in dieses Forum.

da er/sie sich offensichtlich nicht sicher war.

Zum eigentlichen Problem, es ist bekannt das sich im IE 7 leider wieder einmal viele Sachen geändert haben, so auch die Behandlung bei CSS.

http://www.google.de/search?hl=de&q=ie7+css&meta=

http://msdn.microsoft.com/library/defau ... compat.asp

Wenn du magst dann schick mir mal das Modul mit CSS usw. oder poste den Link wo man es downloaden kann, ich versuch es mir dann mal am Woende anzuschauen, hab grad nen PC hier stehen mit dem neuen IE7 drauf.

@moderator: Bitte nach misc verschieben

Gruß aus Franken

Ortwin

haeger23 · Beitrag von **haeger23** » Fr 20. Okt 2006, 11:27

Hallo Ortwin,

vielen Dank für deinen Beitrag. Sehr gerne nehme ich deine Hilfe an
Dennoch muss ich Dodger77 ein wenig recht einräumen, denn es ist ein reines CSS-Problem und hat mit Contenido nichts mehr zu tun. Deswegen ist auch das Modul welches ich in Contenido für die Erzeugung des HTMLs verwende nicht von Bedeutung, aber wenn es interessiert

:

Code: Alles auswählen

/***********************************************
* CONTENIDO MODUL - INPUT
*
* Modulname   :	    vpNavigation 0.2
* Author      :     Ingo van Peeren
* Copyright   :     Ingo van Peeren (ingo@van-peeren.de)
* Created     :     30-03-2005
* Modified    :     16-07-2005
************************************************/

(ein wenig angepasst)

CSS für die Navigation:

Code: Alles auswählen

ul#nav a {
		text-decoration: none;
	}	
	ul#nav{
		padding: 0;
		margin: 0 0 0 150px;
 		list-style: none;
		
	}
	ul#nav li { /*float the main list items*/
		float: left;
		position: relative;
		list-style: none;
	}
	ul#nav li ul {
		display: none;
		position: absolute;
		top: 19px;
		left: 0;
		background-color:#375b96;
		width: 180px;/*9.5em*/
		padding-bottom: 10px;
		background-color: #375b96;
		border-right: 2px solid #29436f;
		border-bottom: 2px solid #29436f;
		border-left: 10px solid #375b96;
		border-top: 1px solid #FFFFFF;
	}

	ul#nav li > ul{ /* Diese Funktion kennt der IE nicht, damit sperre ich ihn aus*/
		top: auto;
		left: auto;
	}
	ul#nav li ul{ 
		
	}
			

	ul#nav li a {
		font-weight: bold;
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		color: #FFFFFF;
	}

	ul#nav li ul a { 
		border: 0;
		display:block;
		color: #FFFFFF;
		min-width:100px;
		width: 160px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		padding-left: 10px;
		font-size: smaller;
		border-bottom: dashed 1px #FFFFFF;
	}

	ul#nav li:hover ul, ul#nav li.over ul{
		display: block;
		z-index:9999;
	}
	
	ul#nav li a:hover, ul#nav li ul a:hover{
		color: #f90;
	}

Auszug aus dem Quelltext der Startseite:

Code: Alles auswählen

  <ul id="nav">

    <li><a href="front_content.php?idcat=4">Home</a></li>
    <li><a class="daddy" href="front_content.php?idcat=5">News und Infos</a><ul>
<li><a href="front_content.php?idcat=12">Aktuelles</a></li>
<li><a href="front_content.php?idcat=13">Messetermine</a></li>
<li><a href="front_content.php?idcat=14">Pressemitteilungen</a></li>
</ul>
</li>
    <li><a class="daddy" href="front_content.php?idcat=10">Kontakt</a><ul>

<li><a href="front_content.php?idcat=21">Kontaktformular</a></li>
<li><a href="front_content.php?idcat=44">Infomaterial anfordern</a></li>
<li><a href="front_content.php?idcat=22">Anfahrt</a></li>
</ul>
</li>
    <li><a class="daddy" href="front_content.php?idcat=9">Service</a><ul>
<li><a href="front_content.php?idcat=28">Support</a></li>
<li><a href="front_content.php?idcat=31">Ratgeber Schädlinge</a></li>
<li><a href="front_content.php?idcat=32">Anwendertreffen</a></li>

<li><a href="front_content.php?idcat=55">Links</a></li>
</ul>
</li>
    <li><a href="front_content.php?idcat=34">Download</a></li>
  </ul>
</div>

Ich hoffe du kannst damit etwas anfangen.

Grüße aus dem Ammerland

Haeger

Beitrag von **HerrB** » Fr 20. Okt 2006, 11:31

Verschoben...

Gruß
HerrB

trixta · Beitrag von **trixta** » Fr 20. Okt 2006, 15:27

/* nachfolgendes löschen */
ul#nav li > ul{ /* Diese Funktion kennt der IE nicht, damit sperre ich ihn aus*/
top: auto;
left: auto;
}
ul#nav li ul{

}

ie[7] weiter hassen

haeger23 · Beitrag von **haeger23** » Mi 25. Okt 2006, 07:42

sorry, konnte es jetzt erst testen ...
... es tut! ich sag mal sackgeil!

danke dir

Haeger

alderim · Beitrag von **alderim** » Mi 25. Okt 2006, 11:16

nur so zum hinweis, check mal die news deiner seite

grüße,
a.

haeger23 · Beitrag von **haeger23** » Mi 25. Okt 2006, 12:48

freut mich, dass es dich freut, du fux!

haeger23 · Beitrag von **haeger23** » Do 2. Nov 2006, 11:29

Ahoi,

sagt mal, hat jemand ne Idee warum der IE501SP2 sich an meinem Links verschluckt?

www.rita-bosse.de/bosse

Nehmt Ihr bei der Entwicklung noch Rücksicht auf den IE 5?

habt Dank
Haeger

haeger23 · Beitrag von **haeger23** » Mi 8. Nov 2006, 13:28

Eine Antwort wäre schon sehr toll, hat evtl. jemand nen Tipp?

Beitrag von **HerrB** » Mi 8. Nov 2006, 16:49

Nehmt Ihr bei der Entwicklung noch Rücksicht auf den IE 5?

Wenn Du mit "Ihr" 4fb bzw. Contenido meinst, nö. Webseiten optimiere ich persönlich nur für IE6 und FF und demnächst für IE7. IE5 bedeutet ungefixte Sicherheitslücken en masse - das läuft schon unter grober Fahrlässigkeit, den noch zu benutzen (und auf dem Mac treibt einem der IE5.5 sowieso nur den letzten Nerv; er wurde auch von MS bereits zurückgezogen).

Gruß
HerrB

haeger23 · Beitrag von **haeger23** » Do 9. Nov 2006, 08:38

Da ich das genauso handhabe und mir quasi der letzte Nerv schon abhanden gekommen ist, komme ich nicht umhin zu sagen: Das wollte ich hören

Danke und Gruß
der Haeger

trixta · Beitrag von **trixta** » Fr 10. Nov 2006, 00:34

sorry, was heisst denn nun ihr unterstützt den ie5 nicht. sehen eure seiten im ie5.x nicht in ordnung aus oder gibt es seiten bzw. teilweise inhalte, die dann nicht zugänglich sind?

letzteres halte ich für fragwürdig. ca. 4% der user surfen noch mit dem ie5.x win (rechnet das mal hoch). wenn das designen für den ie5.5 zu unzugänglichkeit führt und ein umdesignen zu viel arbeit, gibt es möglichkeiten dem ie5.x gar kein css auszuliefern.