Seite 1 von 2

CSS, Menü, DropDown, IE7

Verfasst: Fr 20. Okt 2006, 10:07
von haeger23
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

Verfasst: Fr 20. Okt 2006, 10:13
von 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.

Außerdem gehört das nicht in Development:
Rund um die Entwicklung von Contenido. Keine Module, Bugs oder ähnliches!

Verfasst: Fr 20. Okt 2006, 10:21
von haeger23
hmmm ... recht hasst du, habe wohl dieses Rund um ... fehl interpretiert

Verfasst: Fr 20. Okt 2006, 10:42
von Oldperl
@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.
:arrow: http://www.google.de/search?hl=de&q=ie7+css&meta=
:arrow: 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 8)


Gruß aus Franken

Ortwin

Verfasst: Fr 20. Okt 2006, 11:27
von haeger23
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 :o :

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 :wink:

Haeger

Verfasst: Fr 20. Okt 2006, 11:31
von HerrB
Verschoben...

Gruß
HerrB

Verfasst: Fr 20. Okt 2006, 15:27
von trixta
/* 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

Verfasst: Mi 25. Okt 2006, 07:42
von haeger23
sorry, konnte es jetzt erst testen ...
... es tut! ich sag mal sackgeil!

danke dir

Haeger

Verfasst: Mi 25. Okt 2006, 11:16
von alderim
nur so zum hinweis, check mal die news deiner seite ;-)

grüße,
a.

Verfasst: Mi 25. Okt 2006, 12:48
von haeger23
freut mich, dass es dich freut, du fux!

Verfasst: Do 2. Nov 2006, 11:29
von haeger23
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

Verfasst: Mi 8. Nov 2006, 13:28
von haeger23
Eine Antwort wäre schon sehr toll, hat evtl. jemand nen Tipp?

Verfasst: Mi 8. Nov 2006, 16:49
von HerrB
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

Verfasst: Do 9. Nov 2006, 08:38
von haeger23
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 :o

Danke und Gruß
der Haeger

Verfasst: Fr 10. Nov 2006, 00:34
von trixta
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.