| | | | |
| |||||||
| HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability. |
 |
| | LinkBack | Themen-Optionen | Thema bewerten |
16.10.2010, 14:25
| |
| Neuer Benutzer Registriert seit: 16.10.2010
Beiträge: 1
PHP-Kenntnisse: Anfänger  |  Navigationsliste sieht anders aus (verschoben) im Firefox als im IE. Hallo, versuche eine einfache Website zu erstellen, mit einer Navigationsliste auf der linkes Seite. Das Layout habe ich mittels CSS gemacht. Nun habe ich ein Problem. Die Navigationsliste ( bestehend aus <div><ul><li>, usw.) sieht im Firefox verschoben aus. Hier werden alle <ul> und <li> tags untereinander gereiht, was ich nicht möchte. Kann mir bitte jemand helfen? Screen Shots von beiden Ansichten füge ich bei. Hier der Code: 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=iso-8859-1" />
<title>Päd-Support</title>
<style type="text/css">
* {margin:0; padding:0;}
html {
height:100%;
font-size:100.01%;
}
body {
width:100%;
display:block;
background-image:url(bg_image.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #232674;
}
#container {
width:960px;
margin:0 auto;
}
#header {
width:959px;
height:136px;
background-image:url(Logo.gif);
}
#topnavi {
width:959px;
height:15px;
border-bottom:1px solid silver;
border-bottom-style:dotted;
}
#menu {
float:left;
width:300px;
font-size: 12px;
font-weight: bold;
padding: 1px;
color: #232674;
}
#menu ul {
padding: 0;
list-style-type: none;
margin-bottom:1em;
}
#menu li {
background-image: url(nav.gif);
background-repeat: no-repeat;
padding-left: 1.5em;
margin-bottom:1em;
margin-top:1em;
}
#menu a:focus, a:hover {
text-decoration: none;
font-weight: bold;
color: #232674;
border: 1px solid silver;
border-style:dotted;
}
#menu a:link, a:visited, a:active {
text-decoration: none;
font-weight: bold;
color: #232674;
}
#content {
overflow:auto;
width:654px;
height:100%;
margin-top:1em;
margin-bottom:1em;
}
#footer {
width:960px;
height:20px;
text-align: center;
font-size: 11px;
color: #232674;
border: 1px solid silver;
border-style:dotted;
margin-top:3em;
}
</style>
</head>
<body>
<!--beginn container-->
<div id="container">
<div id="header"></div><!--end header-->
<div id="topnavi"></div><!--end topnavi-->
<div id="menu">
<ul>
<li><a href="Startseite.htm" target="Inhaltframe"> Home</a></li>
<li><a href="UeberUns.htm" target="Inhaltframe"> Über uns</a></li>
<li> Päd-Support-Verlag</li>
<ul>
<li><a href="Bilderbuchmappen.htm" target="Inhaltframe"> Bilderbuch-Mappen und CDs</a></li>
<li><a href="Handpuppen.htm" target="Inhaltframe"> Handpuppen</a></li>
<li><a href="Arbeitsbuecher.htm" target="Inhaltframe"> Arbeitsbücher und Spiele</a></li>
</ul>
<li> Päd-Support-Akademie</li>
<ul>
<li><a href="Fortbildungen.htm" target="Inhaltframe"> Ausbildungen & Fortbildungen</a></li>
</ul>
<li> Veranstaltungen</li>
<li> Personalia</li>
<ul>
<li><a href="Leitung.htm" target="Inhaltframe"> Leitung</a></li>
<li><a href="Autoren.htm" target="Inhaltframe"> Autoren</a></li>
<li><a href="Illustratoren.htm" target="Inhaltframe"> Illustratoren</a></li>
<li><a href="Dolmetscher.htm" target="Inhaltframe"> Dolmetscher</a></li>
<li><a href="Sprecher.htm" target="Inhaltframe"> Sprecher</a></li>
<li><a href="Dozenten.htm" target="Inhaltframe"> Dozenten</a></li>
</ul>
<li><a href="Anfrage.htm" target="Inhaltframe"> Anfrage</a></li>
<li><a href="Kontakt.htm" target="Inhaltframe"> Kontakt</a></li>
<li><a href="Gaestebuch.htm" target="Inhaltframe"> Gästebuch</a></li>
<li><a href="Impressum.htm" target="Inhaltframe"> Impressum</a></li>
</ul>
</div><!--end menue_links-->
<div id="content">
<iframe src="Startseite.htm" name="Inhaltframe" marginheight="0" marginwidth="0" frameborder="0" height="600" scrolling="yes" width="100%"></iframe>
</div><!--end content-->
<div id="footer">© 2009 www.paed-support®.de | Päd-Support-Verlag GbR</div><!--end footer-->
</div><!--end container-->
</body>
</html>
|
|  |
 | |
| PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten | |
|
16.10.2010, 14:32
| |
| Moderator¹ Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse: Fortgeschritten  | Bitte validiere in Zukunft deinen Code, bevor du fragst! http://validator.w3.org/ Du hast die UL/LI falsch verschachtelt: UL darf ausschließlich LI als Kindelemente enthalten - weitere UL auf tieferen Ebenen müssen also innerhalb eines LI liegen.
__________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right? |
|
| |
| |
| Themen-Optionen | |
| Thema bewerten | |
|
|
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| wieso öffnet firefox 3 "download link" wie FTP-Server ? | Mr.PC1982 | HTML, Usability und Barrierefreiheit | 5 | 13.10.2010 08:13 |
| [Erledigt] $_SESSION Variable aus $_POST Variable schreiben: Problem im Firefox | scarry_77 | PHP Tipps 2009 | 3 | 07.07.2009 15:09 |
| [Erledigt] Divs nebeneinander richtig positionieren das sie nicht verschoben werden | litterauspirna | HTML, Usability und Barrierefreiheit | 12 | 09.10.2008 09:04 |
| probleme bei internet explorer und firefox | igron | PHP Tipps 2008 | 0 | 12.05.2008 17:27 |
| Firefox / IE - ungeahnte Statistik | pepe24 | Off-Topic Diskussionen | 10 | 30.04.2007 16:46 |
| Firefox will mein 3-spaltiges Layout mit Footer nicht (CSS)! | vampsoftchef | HTML, Usability und Barrierefreiheit | 1 | 28.02.2007 00:22 |
| templates oder css mit firefox | rbs_phoenix | HTML, Usability und Barrierefreiheit | 1 | 30.10.2006 15:24 |
| [Erledigt] window.location.href mit firefox | HTML, Usability und Barrierefreiheit | 15 | 18.11.2005 17:49 | |
| Problem mit Firefox | Diego1978 | HTML, Usability und Barrierefreiheit | 9 | 11.09.2005 21:17 |
| [Erledigt] shiftKey bei Firefox abfragen | HTML, Usability und Barrierefreiheit | 2 | 05.08.2005 15:08 | |
| Deer Park Alpha 1 (=Mozilla Firefox 1.1) | Off-Topic Diskussionen | 15 | 09.07.2005 02:32 | |
| [Erledigt] verfluchter Firefox | HTML, Usability und Barrierefreiheit | 5 | 08.07.2005 22:51 | |
| Firefox hui, IE pfui!!?? | Calexico | HTML, Usability und Barrierefreiheit | 12 | 04.12.2004 03:24 |
| [Erledigt] Style Sheets und Firefox, Verständnisfrage. | HTML, Usability und Barrierefreiheit | 11 | 24.11.2004 21:25 | |
| Browser FireFox --hast du das gewusst?? | Off-Topic Diskussionen | 11 | 23.09.2004 19:09 | |
