| Autor |
Nachricht |
Mathias Will
Threadersteller
Dabei seit: 12.09.2007
Ort: Hamburg
Alter: 58
Geschlecht: 
|
Verfasst Mo 22.06.2009 13:58
Titel css Problem Firefox und IE |
  |
|
Hi, wir haben hier folgendes Problem: Ein Menü wird mit Firefox korrekt dargestellt aber im IE nicht. Das Menü
sollte das Untermenü ausklappen, logisch, das tut es auch im I.E. aber die Ebenen legen sich übereinander.
Gegoogelt haben wir schon reichlich:
Hier mal die .css:
| Code: |
.nav {
color:#ffffff;
float:left;
margin-left:70px;
text-align:right;
font-size:0.9em;
font-weight:bold;
}
.nav a {
display:block;
color:#ffffff;
text-decoration:none;
padding-right:5px;
}
.nav ul li {
line-height:2.5em;
list-style-type:none;
background: url(button_lo.gif) no-repeat;
width:160px;
height:30px;
border:0px;
}
.nav ul li a:hover {
color:#ffffff;
}
.nav ul li a:link {
color:#ffffff;
}
.nav ul li .current {
line-height:2.5em;
list-style-type:none;
color:#ffffff;
background: url(button_hi.gif) no-repeat;
width:160px;
height:30px;
border:0px;
}
/* ### Unternavigation ############################################################ */
.nav2nd a {
color:#ffffff;
text-decoration:none;
padding-right:5px;
}
.nav2nd ul li {
line-height:2.5em;
list-style-type:none;
color:#ffffff;
background: url(button_lo.gif) no-repeat;
width:160px;
height:30px;
border:0px;
}
.nav2nd ul li a:hover {
line-height:2.4em;
list-style-type:none;
color:#ffffff;
background: url(button_hi.gif) no-repeat;
width:160px;
height:30px;
border:0px;
}
.nav2nd ul li a:link {
line-height:2.5m;
list-style-type:none;
color:#ffffff;
background: url(button_hi.gif) no-repeat;
width:160px;
height:30px;
border:0px;
}
.nav2nd ul li .current {
line-height:2.5em;
list-style-type:none;
color:#ffffff;
background: url(button_hi.gif) no-repeat;
width:160px;
height:30px;
border:0px;
}
|
und hier mal das html/ php Template (das Ganze wurde mit dem CMS :"Redaxo" realisiert.)
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title><?php print $REX['SERVERNAME'] . ' | ' . $this->getValue("name"); ?></title>
<meta name="keywords" content="<?php print $meta_suchbegriffe; ?>" />
<meta name="description" content="<?php print $meta_beschreibung; ?>" />
<meta name="Content-Language" content="de-DE" />
<meta name="Author" content="<?php echo $REX['SERVERNAME']; ?>" />
<meta name="Publisher" content="<?php echo $REX['SERVERNAME']; ?>" />
<meta name="Copyright" content="<?php echo $REX['SERVERNAME']; ?>" />
<meta name="Revisit" content="After 5 days" />
<meta name="Robots" content="INDEX,FOLLOW" />
<link rel="stylesheet" type="text/css" href="files/inhalt.css" />
<link rel="stylesheet" type="text/css" href="files/navigation.css" />
<link rel="stylesheet" type="text/css" href="files/formular.css" />
</head>
<body>
<div id="wrap">
<div id="header">
<div id="head_top">
</div>
</div>
<div id="top"> </div>
<div id="contentwrap">
<div class="nav">
<ul>
<?php
print $nav;
?>
</ul>
</div>
<div class="content">
<?php print $this->getArticle(1); ?>
</div>
<div style="clear:both"> </div>
</div>
</body>
</html>
|
Alles wäre jetzt schön fertig, aber an dieser Stelle kommen wir nicht weiter. Wir sind für jeden Hinweis dankbar.
Hier auch noch zwei Screenshoots, die das Problem veranschaulichen:
und
Falls dieser Text noch Fragen offen lässt, bitte ich um eine kurze Rückmeldung.
Vielen Dank! Mathias
[edit Kash: Bitte CODE Tags verwenden]
Zuletzt bearbeitet von Kash am Mo 22.06.2009 14:05, insgesamt 1-mal bearbeitet
|
|
| |
   |
 |
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst Di 23.06.2009 17:01
Titel
|
|
|
Moin 
wie sieht denn das Markup der Navigation aus? Aus dem CSS kommt das nicht ganz ersichtlich raus...
In welche Version des IEs tritt das Problem auf? 6,7,8, alle?
btw: Vorsicht vor dem Double-Float-Margin-Bug im IE bei .nav
|
|
| |
|
|
|
Anzeige
|
|
|
Mathias Will
Threadersteller
Dabei seit: 12.09.2007
Ort: Hamburg
Alter: 58
Geschlecht:
|
Verfasst Di 23.06.2009 17:11
Titel html |
|
|
ja, Du hast völlig recht, hätte das gleich mit posten sollen:
Hier mal einfach das komplette markup:
| Code: | <?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Eisenhans-Hamburg | ÜBER UNS</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="Content-Language" content="de-DE" />
<meta name="Author" content="Eisenhans-Hamburg" />
<meta name="Publisher" content="Eisenhans-Hamburg" />
<meta name="Copyright" content="Eisenhans-Hamburg" />
<meta name="Revisit" content="After 5 days" />
<meta name="Robots" content="INDEX,FOLLOW" />
<link rel="stylesheet" type="text/css" href="files/inhalt.css" />
<link rel="stylesheet" type="text/css" href="files/navigation.css" />
<link rel="stylesheet" type="text/css" href="files/formular.css" />
</head>
<body>
<div id="wrap">
<div id="header">
<div id="head_top">
</div>
</div>
<div id="contentwrap">
<div class="nav">
<ul>
<li><ul class="current" href="index.php?article_id=2">ÜBER UNS</a> <ul class="nav2nd"><li><a href="index.php?article_id=7">Chronik</a></li><li><a href="index.php?article_id=8">Eisenhans</a></li></ul></li><li><a href="index.php?article_id=10">PRODUKTIONEN</a></li><li><a href="index.php?article_id=4">TERMINE</a></li><li><a href="index.php?article_id=6">MENSCHEN</a></li><li><a href="index.php?article_id=5">KONTAKT</a></li></ul>
</div>
<div class="content">
<h1>ÜBER UNS</h1><div class="txt-img"> <p>Eisenhans zeigt, dass Menschen mit Behinderung nicht nur auf die Bühne gehören, sondern dort sehr erfolgreich sind und ein wachsendes Publikum begeistern. <br />
<br />
Eisenhans gibt jungen Menschen mit und ohne Behinderung die Möglichkeit ihrer großen Leidenschaft, dem Musik machen oder Theaterspielen nachzugehen. Das Besondere ist, dass auch Menschen mit schweren und mehrfachen Behinderungen gleichberechtigt bei der Rollenvergabe sind. Eine Möglichkeit, die es so sonst nicht gibt und einmalig in der Integrativen Theaterlandschaft Hamburgs ist.</p></div><div class="legende"><div class="floatLeft"><img src="./files/bitte_laecheln.jpg" title="" alt="" /></div> <p>Seit 2007 gibt es die Band Bitte lächeln! In der acht junge Musiker eigene witzige und teilweise schön schräge Rock- und Popsongs komponieren.</p></div><h2>Hintergrund und Geschichte</h2><div class="txt-img"> <p>Eisenhans wurde 1993 vom Thalia Treffpunkt des Thalia Theaters und Leben mit Behinderung Hamburg gegründet. Seit dem sind unter professioneller Anleitung von Theaterpädagogen und Regisseuren an die 40 Inszenierungen entstanden, die im Thalia in der Gaußstraße und bei Gastspielen in anderen Städten gezeigt wurden. Mittlerweile gehören drei Gruppen – zwei für junge Erwachsene im Alter von ca. 18 bis 35 Jahren und eine Gruppe für Kinder und Jugendliche im Alter von 12 bis 18 Jahren – und eine Band zum Projekt. Die Band Bitte lächeln! ist seit 2007 mit dabei.<br />
<br />
Ein Ziel der Arbeit des Projekts ist es, die Möglichkeiten von Menschen mit Behinderungen einem breiteren Publikum bekannt zu machen. Es hat sich zum Ziel gesetzt, integrative Theaterarbeit einem breiteren Publikum zugänglich zu machen. Die Zahl der Zuschauer wächst stetig.</p></div><h2>Finanzierung</h2><div class="txt-img"> <p>Eisenhans finanziert sich aus <a href="?article_id=21">Spenden</a>. Ein – ursprünglich von den Angehörigen gegründeter – Freundeskreis gewährleistet die kontinuierliche Fortführung der Arbeit. Zusätzlich wird pro Haushaltsjahr jeweils eine Gruppe von der Kulturbehörde Hamburg gefördert. Der Freundeskreis hat sich in den letzten Jahren vergrößert: neben den Angehörigen gehören rund 200 Freunde, Förderer und Interessierte mit dazu. </p></div></div>
<div style="clear:both"> </div>
</div>
</div>
</body>
</html> |
Vielen Dank für alle Antworten, mathias
Zuletzt bearbeitet von m am Di 23.06.2009 18:23, insgesamt 1-mal bearbeitet
|
|
| |
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Di 23.06.2009 17:50
Titel
|
|
|
|
morgähn - sufu ->reset styles
|
|
| |
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 23.06.2009 18:24
Titel
|
|
|
|
Kannst du vllt das ganze einfach mal verlinken?
|
|
| |
|
|
JoeX
Dabei seit: 23.06.2009
Ort: Owingen
Alter: 31
Geschlecht:
|
Verfasst Di 23.06.2009 19:29
Titel
|
|
|
das CSS sieht gut aus..aber HTML scheint nich ganz in ordnung..W3C kann euch sicher helfen, meistens sind die Bugs weg, wenn man alles korrigiert hat.
Ausserdem dürft ihr euch dann so nen netten "HTML ist Valide" Button auf die HP packen und das kommt doch immer gut 
//EDIT X2 :
1.Rechtschreibung
2.
Der Linke fehlt noch http://validator.w3.org/check
Zuletzt bearbeitet von JoeX am Di 23.06.2009 19:31, insgesamt 2-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
ul a li - Problem mit Firefox
Firefox web Problem
SVG in Firefox - Problem
firefox - popup-problem
Webanzeige Problem im Firefox
Tabelle Problem / ie und firefox
|
|
Willkommen auf dem Portal für Mediengestalter
