[GastForen Programme Web/Internet Adobe Dreamweaver css navigation wird unterschiedlich angezeigt

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Web/Internet - Webdesign, eForms
Themen
Beiträge
Moderatoren
Letzter Beitrag

css navigation wird unterschiedlich angezeigt

coastline
Beiträge gesamt: 162

6. Sep 2006, 17:01
Beitrag # 1 von 9
Bewertung:
(1311 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo

habe ein css menu designt, welches im IE so aussieht, wie ich es möchte und im firefox ist es leider nicht so.

was kann ich unternehmen, damit es in beiden browsern identisch angezeigt wird?

grüsse, coastline




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="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">

#navibox ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navibox a {
display: block;
color: #6F6F6F;
background-color: #EDEDED;
width: 16em;
padding: .4em 1em;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

#navibox a:hover {
background-color: #E4E4E4;
color: #666666;
}

#navibox li { margin: 0 0 .03em 0; }

#Layer1 {
position:absolute;
left:199px;
top:112px;
width:180px;
height:141px;
z-index:2;
}
</style>
</head>

<body>
<div id="Layer1">
<div id="navibox">
<ul>
<li><a href="#">CURRENT MODEL </a></li>
<li><a href="#">DEALER LOCATOR </a></li>
<li><a href="#">APPROVED</a></li>
<li><a href="#">FINANCIAL SERVICES </a></li>
<li><a href="#">PERFORMANCE</a></li>
<li><a href="#">MOTORSPORT</a></li>
<li><a href="#">ANNOUNCEMENTS</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div></div>

</body>
</html>

X

css navigation wird unterschiedlich angezeigt

loethelm
  
Beiträge gesamt: 6029

6. Sep 2006, 21:39
Beitrag # 2 von 9
Beitrag ID: #249311
Bewertung:
(1301 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

hast du mal Screenshots?
Ich nutze keinen Windoof IE und kann daher den Code nicht testen.
Wäre nämlich schon interessant zu sehen, wie es denn aussehen soll ;-)


als Antwort auf: [#249281]

css navigation wird unterschiedlich angezeigt

coastline
Beiträge gesamt: 162

6. Sep 2006, 21:57
Beitrag # 3 von 9
Beitrag ID: #249316
Bewertung:
(1291 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
oups sorry, hab den eintrag überarbeitet und wurde hierzu eine fremde antwort gelöscht.

[kann leider keine bilder hochladen]

bitte nochmals um die antwort :-)

grüsse, coastline


als Antwort auf: [#249311]

css navigation wird unterschiedlich angezeigt

Dirk Levy
  
Beiträge gesamt: 9433

6. Sep 2006, 22:01
Beitrag # 4 von 9
Beitrag ID: #249318
Bewertung:
(1288 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Wieso kannst Du meine Beiträge löschen,
das finde ich jetzt aber merkwürdig....

Also nochmal:

#navibox a {
display: block;

ersetze das mal zum Test durch

#navibox a {
display: inline;


als Antwort auf: [#249316]

css navigation wird unterschiedlich angezeigt

coastline
Beiträge gesamt: 162

6. Sep 2006, 22:14
Beitrag # 5 von 9
Beitrag ID: #249323
Bewertung:
(1282 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo dirk

danke für die antwort. habs ausprobiert, leider ergibt dies eine ganz andere darstellung als ursprünglich gedacht..

grüsse, coastline


als Antwort auf: [#249318]

css navigation wird unterschiedlich angezeigt

Dirk Levy
  
Beiträge gesamt: 9433

6. Sep 2006, 22:17
Beitrag # 6 von 9
Beitrag ID: #249326
Bewertung:
(1281 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Tja, so ist das mit CSS und Browsern,
ich erstelle solche Sachen z.B. mit StyleMasterPro
das funktioniert in der Regel in allen Browsern,
Weblayout-Programme wie DW und GoLive sind
da nicht so die Granate.... ;-)


als Antwort auf: [#249323]

css navigation wird unterschiedlich angezeigt

loethelm
  
Beiträge gesamt: 6029

6. Sep 2006, 23:09
Beitrag # 7 von 9
Beitrag ID: #249330
Bewertung:
(1274 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

wie Dirk völlig richtig sagt:

WYSIWIG-Editoren sind zwar was feines, aber befreien einen keineswegs davon, sich mit den Webstandards auseinanderzusetzen.
Das ist leider so und wird meiner Erfahrung nach auch immer so bleiben.

Meine Empfehlung: DW oder GoLive zum zusammenbauen von selbsterstellten Codesnippets nutzen klappt ganz ordentlich.


als Antwort auf: [#249326]

css navigation wird unterschiedlich angezeigt

ganesh
Beiträge gesamt: 1981

7. Sep 2006, 01:19
Beitrag # 8 von 9
Beitrag ID: #249337
Bewertung:
(1271 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
ganz einfach:

#navibox li { margin: 0; }


als Antwort auf: [#249281]

css navigation wird unterschiedlich angezeigt

coastline
Beiträge gesamt: 162

7. Sep 2006, 15:41
Beitrag # 9 von 9
Beitrag ID: #249581
Bewertung:
(1252 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo zusammen und danke für die antworten.

funktioniert bezogen auf das gewünschte design nicht, da auch im firefox ein minimaler abstand zwischen den navigationselementen sein sollte. siehe darstellung im IE.

Code
#navibox li { margin: 0; } 


das problem liegt darin, dass die browserdarstellung unterschiedliche abstände zwischen den hovers beinhalten (box-modell).

doch wie kann ich dies lösen?


als Antwort auf: [#249337]
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.12.2022

Online
Donnerstag, 01. Dez. 2022, 10.00 - 10.45 Uhr

Webinar

Die drei ColorLogic-Programme ZePrA, CoPrA und ColorAnt sind in neuen Versionen mit vielen neuen Funktionen im Jahr 2022 veröffentlich worden oder werden in Kürze veröffentlicht (ColorAnt 9). In unserem ca. 45 minütigen kostenlosen Webinar zeigen wir Ihnen einige dieser neuen Funktionen mit dem Schwerpunkt auf Automatisierung und Produktivitätssteigerungen.

Ja

Organisator: Impressed GmbH

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=311

ColorLogic Update-Webinar ZePrA 10, CoPrA 9 und ColorAnt 9
Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/