mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 02:39 Benutzername: Passwort: Auto-Login

Thema: ie7 verhaut menü von cssplay... vom 13.02.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> ie7 verhaut menü von cssplay...
Seite: 1, 2  Weiter
Autor Nachricht
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mi 13.02.2008 10:34
Titel

ie7 verhaut menü von cssplay...

 Antworten mit Zitat Zum Seitenanfang
huhu!
aaahh schon wieder ein problem mit dem ie.. diesmal mit dem ie7.
hab das menü: http://www.cssplay.co.uk/menus/flyout_4level.html für mein menü verwendet, aber nun sieht es im ie7 ganz blöd aus...

ff:



ie7:



und hier meine css zu dem menü:
Code:

/* Menü */

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.menu {
position:relative;
z-index:1000;
margin: 0px; /* this page only */
font-size: 10pt;
text-align: center;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:101px;
border:1px solid #ffffff;
border-width:1px 1px 0 1px;
background:#0d68c9;
}

.menu ul.sub {
padding:0;
margin:0;
list-style-type:none;
position:relative;
border:1px solid #ffffff;
border-width:1px 1px 0 1px;
height:25px;
}

.menu li {
background:transparent;
height:26px;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block;
text-decoration:none;
height:25px;
line-height: 25px;
color:#ffffff;
text-indent:5px;
border-bottom:1px solid #ffffff;
background:#0d68c9;
}
/* style the link hover */
* html .menu a:hover {color:#ffffff; background:#75a9f8; height:25px;}

.menu :hover > a {
color:#ffffff;
background:#75a9f8;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
left:102px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}
.menu ul.top3 {top:26px; width:150px; border:1px solid #ffffff; border-width:1px 1px 0 1px; font-size: 8pt;}
.menu ul.top4 {top:52px; width:150px; border:1px solid #ffffff; border-width:1px 1px 0 1px; font-size: 8pt;}
.menu ul.top5 {top:78px; width:150px; border:1px solid #ffffff; border-width:1px 1px 0 1px; font-size: 8pt;}


hoffe, dass ihr mir evtl helfen könntet... weiß echt nich was ich noch ändern soll damit es ni so verissen wird...

LG Denise

Zuletzt bearbeitet von denise2302 am Mi 13.02.2008 10:35, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Impigra

Dabei seit: 17.05.2006
Ort: Egenhofen
Alter: 45
Geschlecht: Männlich
Verfasst Mi 13.02.2008 11:38
Titel

Antworten mit Zitat Zum Seitenanfang
Ich nehme mal an dass es dabei um die Default Werte vom IE7 geht die beim FF leicht abweichen...

Zerpflück das CSS doch mal...
Ist ganz einfach...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mi 13.02.2008 11:53
Titel

Antworten mit Zitat Zum Seitenanfang
danke für deine antwort. aber ich verstehe das nicht, dass bei dem hover dann so ein blauer strich ist... und wie man sieht, ist das aufklappbare menü der button etwas kleiner... kann das denn mit default werten zu tun haben? und wenn ja, wie kann man das ändern, dass es auch im ie7 gut aussieht?

lg denise
  View user's profile Private Nachricht senden
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht: Männlich
Verfasst Mi 13.02.2008 13:56
Titel

Antworten mit Zitat Zum Seitenanfang
conditional comments verwenden und für den ie die margins ändern.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mi 13.02.2008 17:47
Titel

Antworten mit Zitat Zum Seitenanfang
mhm ja das is ne gute idee.... aber was mach ich mit dem mysteriösen strich? Woran könnte das liegen?
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mi 13.02.2008 17:56
Titel

Antworten mit Zitat Zum Seitenanfang
welcher strich * Wo bin ich? * bin ich blind ? xD
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mi 13.02.2008 23:02
Titel

Antworten mit Zitat Zum Seitenanfang
na bei dem hover da... da is das ne so blau wie der hovereffekt sondern ein stück wie das normale blau...
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mi 13.02.2008 23:30
Titel

Antworten mit Zitat Zum Seitenanfang
Der IE stört sich daran, dass li "Layout" hat - hier in Form von height.

Code:
.menu li {
background:transparent;
height:26px;
}


Wirf jegliches height raus (denn es kommt noch öfter vor), zumal es eh kontraproduktiv wirkt (denn das Menü wird dadurch bei Textvergrößerung zerschossen).

Zuletzt bearbeitet von heiko_rs am Mi 13.02.2008 23:33, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen ie7 verhaut alles -.- was tun?
Explorer verhaut fast die ganze Website.
wie erstelle ich diesen menü effekt bzw. das gesammte menü?
CSS Menü - Finde nicht das richtige Menü
3D Menü
Pop up menü
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB