zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Darstellungsproblem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.12.2009, 10:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.02.2008
Beiträge: 20
flohpapa befindet sich auf einem aufstrebenden Ast
Standard Darstellungsproblem

Hallo Leute,

ich hab ein großes Problem,
ich soll ne Seite erstellen, möglichst barrierearm.

Soweit sogut, jedoch stellt sich die Seite im IE anderst dar als im Firefox.

Wo liegt mein Fehler?

Menüdemo

Code:
/* menu */
* {
	margin: 0;
	padding: 0;
	}

#menue {font-size: 12px; font-weight: bold; width: 1062px; height: 90px; margin: 0;  background: url(../image/menue_hintergrund.png) repeat-x;z-index:90000;}
#menue ul { margin-left: 330px; position:absolute; width: 100%; bottom:0; z-index:999;}
#menue ul li {height: 48px; list-style: none; margin: 0; float: left; display: block;}

#menue ul li a {text-decoration: none; display: block; height: 48px; line-height: 60px; font-size: 1.2em; padding: 0 0 0 10px; color: #0A1F49; background: url(../image/menue_links_normal.gif) no-repeat bottom left;}
#menue ul li a span {text-align: center; float: left; padding-right: 10px; height: 48px; background: url(../image/menue_rechts_normal.gif) no-repeat bottom right;}
#menue ul li a:hover, #menue ul li:hover a { text-indent: 0; line-height: 44px; cursor: pointer; background: url(../image/menue_links_an.gif) no-repeat bottom left;}
#menue ul li a:hover span, #menue ul li:hover a span { text-indent: 0; font-style: normal; background: url(../image/menue_rechts_an.gif) no-repeat bottom right;}
/*#menue ul li a.current, #menue ul li a.section, #menue ul li a.section:hover, #menue ul li a.current:hover { text-transform: uppercase; line-height: 44px; cursor: pointer; background: url(../image/menue_links_aktuelle_rubrik.gif) no-repeat bottom left;} 
#menue ul li a.current span, #menue ul li a.section span, #menue ul li a.section:hover span, #menue ul li a.current:hover span { text-indent: 0; font-style: normal; background: url(../image/menue_rechts_aktuelle_rubrik.gif) no-repeat bottom right;}*/
#menue ul li#menueClosing {background: url(../image/menue_links_normal.gif) no-repeat bottom left; width: 30px;}/*

/* sub-menu (level 1) */

#menue ul li ul, #menue ul li:active ul {text-indent:0; margin-left: 0px; width: auto; float: none; position: absolute; left: -49999px; top:48px;}
#menue ul li:hover ul {left: auto; text-indent:0;}
#menue ul li li {font-size: 0.9em; list-style: none; float: none; height: auto; position: relative;}
#menue ul li li a {
	width: 100px; 
	font-size: 12px; 
	font-weight: normal; 
	color: #0e295c; 
	height: auto; 
	line-height: 18px; 
/*	background: #0A1F49;  */
	padding: 5px 10px 5px 10px; 
	outline-width: 0; 
	filter:Alpha(opacity=100, finishopacity=0, style=0); !important
	-moz-opacity: 0.75;  !important
	opacity: 0.75;  !important 
	overflow: hidden; 
	border-bottom: 1px solid #b3c9d4;
	}
#menue ul li:hover li a {line-height: 18px; background: #e7eff5;}
#menue ul li li a:hover {
	width: 100px; 
	height: auto; 
	line-height: 18px; 
	background: #465672; 
	color: #0e295c; 
	padding: 5px 10px 5px 10px; 
	filter:Alpha(opacity=100, finishopacity=0, style=0); !important
	-moz-opacity: 0.75; !important
	opacity: 0.75; !important 
	overflow: hidden; 
	}
#menue ul li li a span {
	/*background: transparent; */
	float: none;}
#menue ul li:hover li a span {
	background: transparent;
	float: none;
	}
#menue ul li li a.current, #menue ul li li a.section { 
	background: #8c9daf; 
	color: #ffffff; 
	text-transform: uppercase; 
	line-height: 18px; 
	filter:Alpha(opacity=100, finishopacity=0, style=0); !important
	-moz-opacity: 0.75; !important
	opacity: 0.75; !important 
	}
#menue ul li li a.section:hover, #menue ul li li a.current:hover { 
	background: #a3bcd0; 
	color: #0e295c; 
	text-transform: uppercase; 
	line-height: 18px; 
	filter:Alpha(opacity=100, finishopacity=0, style=0); !important
	-moz-opacity: 0.75; !important
	opacity: 0.75; !important 
	}
#menue ul li li:hover a {background-color: #c3d5e2; color: #0e295c;}
#menue ul li li:hover a:hover {background-color: #465672; color: white;}
#menue ul li li:hover a.current, #menue ul li li:hover a.section {background: #8c9daf; color: #ffffff;}
#menue ul li li a.current span, #menue ul li li a.section span, #menue ul li li a.section:hover span, #menue ul li li a.current:hover span {
	font-style: normal; 
	/* background: transparent; */
	}
#menue ul li li a span em {font-style: normal;}

/*.menueansicht {
	filter:Alpha(opacity=0, finishopacity=0, style=0); !important
	-moz-opacity: 0.0; !important
	opacity: 0.0; !important
} */

Code:
<div style="position: absolute; top: 109px; left: 101px; filter:Alpha(opacity=100, finishopacity=0, style=0);  -moz-opacity: 0.75; opacity: 0.75;" id="menue">
    <ul>		
        <li><a href="#" class="menueansicht"><span>Veranstaltung</span></a>
            <ul>
               <li><a href="#" class="menueansicht" title="Das Programm"><span><em>Programm</em></span></a></li>
               <li><a href="#" title="Der Schiffsfahrplan"><span><em>Fahrplan</em></span></a></li>
            </ul>
        </li>
            
        <li><a href="#"><span>Besucherservice</span></a>
            <ul>
                <li><a href="#" title="Eintrittspreise"><span><em>Eintrittspreise</em></span></a></li>
                <li><a href="#" title="Pauschalangebote"><span><em>Pauschalen</em></span></a></li>
            </ul>
        </li>
            <!-- leerer Reiter zum Menüabschluß -->
        <li id="MenuClosing"></li>
            <!-- ############################## -->
      </ul>
</div>
Menüdemo

Geändert von flohpapa (14.12.2009 um 11:59 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.12.2009, 14:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.02.2008
Beiträge: 20
flohpapa befindet sich auf einem aufstrebenden Ast
Standard

Nachtrag,
das Problem betrifft hauptsächlich IE6 abwärts.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.12.2009, 07:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.02.2008
Beiträge: 20
flohpapa befindet sich auf einem aufstrebenden Ast
Standard

Sach mal,
kann mir bei meinem Problem niemand helfen?

Ich kriegs einfach nicht hin, dass mein Menü im IE6 richtig dargestellt wird.

http://h1393266.stratoserver.net/por...uss/test/site/
Mit Zitat antworten
  #4 (permalink)  
Alt 16.12.2009, 08:55
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.867
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Mal ganz schnell drübergeschaut:

1. Der IE < 7 kennt kein min-height, aber behandelt height genauso
2. Alphatransparenz (Dein Logo) für IE < 7: satzansatz -- PNG alpha transparency: AlphaImageLoader filter flaws in IE6
3. Zu Menüs allgemein: FAQ ab 10, Dropdown FAQ 8. Und wirf unbedingt height raus!

Die Hacks zu 1. & 2. dürfen nur IE < 7 sehen.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Darstellungsproblem mit Radiobuttons und Checkboxen unter Firefox winkler67 CSS 4 06.10.2008 09:50
Darstellungsproblem flohpapa CSS 11 18.02.2008 15:40
darstellungsproblem im ie satriani CSS 1 01.01.2008 15:09
Darstellungsproblem im Firefox dErFeLe CSS 6 17.09.2007 16:57
Darstellungsproblem im IE6 kiri CSS 13 19.06.2007 18:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:16 Uhr.