| Autor |
Nachricht |
AK-Zent
Dabei seit: 17.01.2006
Ort: -
Alter: 25
Geschlecht: 
|
Verfasst Mo 17.03.2008 15:23
Titel CSS-Darstellungsproblem (Navigation) in versch. Browsern |
  |
|
Hallo,
ich habe heute eine Navigation gebastelt. Auch viel hier im Forum nachgeschaut!
Doch leider wird die Navigation immernoch in den verschiedenen Browsern völlig anders
angezeigt (zb. Opera, Firefox oder IE7).
Hier die Navi: Website mit der Test-Navigation
Kann mir jemand helfen?
die css
die Navi
Viele Grüße,
Mathias
|
|
| |
   |
 |
digitalplakat
Dabei seit: 26.07.2005
Ort: zentriert
Alter: 43
Geschlecht:
|
Verfasst Mo 17.03.2008 15:42
Titel
|
|
|
vlt. solltest mal an deinem code arbeiten
W3C validator
|
|
| |
|
|
AK-Zent
Dabei seit: 17.01.2006
Ort: -
Alter: 25
Geschlecht:
|
Verfasst Mo 17.03.2008 15:46
Titel
|
|
|
| digitalplakat hat geschrieben: | vlt. solltest mal an deinem code arbeiten
W3C validator |
wenn ich genau wüsste was / wie und wo - würde ich es tun - dann bräuchte ich hier nicht fragen
hab nämlich leider bisher noch nicht viel mit sowas zutun gehabt.
Zuletzt bearbeitet von AK-Zent am Mo 17.03.2008 15:48, insgesamt 1-mal bearbeitet
|
|
| |
|
|
caZpa
Dabei seit: 22.06.2003
Ort: LaLaLand
Alter: 25
Geschlecht:
|
Verfasst Mo 17.03.2008 15:58
Titel
|
|
|
|
guck mal da
|
|
| |
|
|
digitalplakat
Dabei seit: 26.07.2005
Ort: zentriert
Alter: 43
Geschlecht:
|
Verfasst Mo 17.03.2008 16:19
Titel
|
|
|
ok - die valide version würde etwa so aussehen
| Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="pragma" content="no-cache" />
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="navi/menu_style.css" type="text/css" media="all" />
</head>
<body>
<div class="wrapper">
<div id="menu">
<ul id="nav">
<li class="current-page-item"><a href="" title="Startseite | Home"><span class="menu-mid"><span class="menu-caption">Home</span></span> </a></li>
<li class="page-item"><a href="" title="Dev"><span class="menu-mid"><span class="menu-caption">navigation1</span></span></a>
<ul>
<li class="page-item"><a href="" title=""><span class="menu-mid"><span class="menu-caption">navigation2</span></span> </a></li>
<li class="page-item"><a href="" title="navigation3"><span class="menu-mid"><span class="menu-caption">navigation3</span></span> </a></li>
<li class="page-item"><a href="" title="navigation4"><span class="menu-mid"><span class="menu-caption">navigation4</span></span> </a></li>
<li class="page-item"><a href="" title="navigation5"><span class="menu-mid"><span class="menu-caption">navigation5</span></span> </a></li>
<li class="page-item"><a href="" title="navigation6"><span class="menu-mid"><span class="menu-caption">navigation6</span></span> </a></li>
</ul>
</li>
<li class="page-item"><a href="" title="navigation7"><span class="menu-mid"><span class="menu-caption">navigation7</span></span> </a></li>
<li class="page-item"><a href="" title="navigation8"><span class="menu-mid"><span class="menu-caption">navigation8</span></span></a>
<ul>
<li class="page-item"><a href="" title="navigation9" target='_blank'><span class="menu-mid"><span class="menu-caption">navigation9</span></span> </a></li>
<li class="page-item"><a href="" title="navigation10" target='_blank'><span class="menu-mid"><span class="menu-caption">navigation10</span></span> </a></li>
<li class="page-item"><a href="" title="navigation11"><span class="menu-mid"><span class="menu-caption">navigation11</span></span> </a></li>
</ul>
</li>
<li class="page-item"><a href="" title="navigation12"><span class="menu-mid"><span class="menu-caption">navigation12</span></span></a>
<ul>
<li class="page-item"><a href="" title="navigation13"><span class="menu-mid"><span class="menu-caption">navigation13</span></span> </a></li>
<li class="page-item"><a href="" title="navigation14"><span class="menu-mid"><span class="menu-caption">navigation14</span></span> </a></li>
<li class="page-item"><a href="" title="navigation15"><span class="menu-mid"><span class="menu-caption">navigation15</span></span> </a></li>
</ul>
</li>
<li class="page-item"><a href="" title="navigation16"><span class="menu-mid"><span class="menu-caption">navigation16</span></span></a>
<ul>
<li class="page-item"><a href="" title="navigation17"><span class="menu-mid"><span class="menu-caption">navigation17</span></span> </a></li>
<li class="page-item"><a href="" title="navigation18"><span class="menu-mid"><span class="menu-caption">navigation18</span></span> </a></li>
</ul>
</li>
<li class="page-item"><a href="" title="navigation19"><span class="menu-mid"><span class="menu-caption">navigation19</span></span></a>
<ul>
<li class="page-item"><a href="" title="navigation20"><span class="menu-mid"><span class="menu-caption">navigation20</span></span> </a></li>
<li class="page-item"><a href="" title="navigation21" target='_blank'><span class="menu-mid"><span class="menu-caption">navigation21</span></span> </a></li>
</ul>
</li>
</ul>
</div>
<div class="footers"></div>
</div>
</body>
</html>
|
aber das css schreibst schon selber, oder?
|
|
| |
|
|
AK-Zent
Dabei seit: 17.01.2006
Ort: -
Alter: 25
Geschlecht:
|
Verfasst Mo 17.03.2008 16:25
Titel
|
|
|
danke dir, hab den validen code hochgeladen.
Das mit der CSS ist so eine sache, für mich sind das noch relativ bömische Dörfer.
Ich versuche es zu lernen, und die Navi habe ich mir aus einer Vorlage (CSS) zusammengestickt
bzw. abgeändert. Irgendworan muss man es ja lernen.
Doch leider bin ich jetzt mit meinem chinesisch am Ende.
Denn im Opera und FF wird die Navigationsleiste so angezeigt, wie sie sein soll, nur halt der IE7
rutsch sie ganz nach links an den Seitenrand. 
Ehrlich gesagt gugg ich wie das Schwein ins Uhrwerk bei der CSS 
Zuletzt bearbeitet von AK-Zent am Mo 17.03.2008 16:26, insgesamt 1-mal bearbeitet
|
|
| |
|
|
digitalplakat
Dabei seit: 26.07.2005
Ort: zentriert
Alter: 43
Geschlecht:
|
Verfasst Di 18.03.2008 09:59
Titel
|
|
|
ok - vlt. hab ich mich unklar ausgedrückt - deine "test.php" sollte den validen code erzeugen, wenn dus schon über php löst
das verschieben im ie liegt mit großer wahrscheinlichkeit daran, daß der browser die listen etwas "eigensinnig" interpretiert bzw. seine eigenen standardwerte rechnet
sowas in der richtung | Code: | /* reset styles */
dl {margin: 0 0 0 0;}
dl dt {margin: 0 0 0 0;}
dl dd+dt {margin-top: 0;}
dl dd {margin: 0 0 0 0;}
ol {list-style: none;}
ol li {margin: 0 0 0 0;}
ol li ol {margin: 0 0 0 0;}
ol li ul {margin: 0 0 0 0;}
p {margin-bottom: 0em;}
ul {list-style: none;}
ul li {margin: 0 0 0 0;}
ul li ul {margin: 0 0 0 0; list-style: none;}
ul li ol {margin: 0 0 0 0;} |
am anfang des css könnt helfen
|
|
| |
|
|
AK-Zent
Dabei seit: 17.01.2006
Ort: -
Alter: 25
Geschlecht:
|
Verfasst Di 18.03.2008 11:21
Titel
|
|
|
ich probier gleich mal 
//Edit: nein hat leider nichts gebracht 
Zuletzt bearbeitet von AK-Zent am Di 18.03.2008 11:25, insgesamt 1-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
homepage elemente verschwinden in versch. browsern
CSS layout funktioniert nicht mit Mac Browsern ?
[Suche] Login-Skript Versch.User > versch. Seiten?
CSS img versch. format für vorhandenes bild / nicht vorh.
[css] Darstellungsproblem nach Link
css > darstellungsproblem > mozilla :-) IE :-(
|
|
Willkommen auf dem Portal für Mediengestalter
