[GastForen Archiv Adobe GoLive Navigation mit CSS -> IE vs. Firefox

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag

Navigation mit CSS -> IE vs. Firefox

ruebe
Beiträge gesamt: 1113

14. Jul 2005, 17:52
Beitrag # 1 von 8
Bewertung:
(1805 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

irgendwie interpretieren Firefox und der M$-InternetExplorer meine CSS Anweisungen für die Navigation nicht gleich. Ich hätte gerne einen 120px breiten Kasten, in jeder Zeile soll ein Link sein. Um jeden Link soll eine gepunktete Linie sein. Jetzt hätte ich gerne, dass die ganze Zeile (also nicht nur der Text) ein Link ist.

So schaut der betreffende Quelltext aus:
Code
<div id="navigation"> 
<div class="menu">
<div class="menu-linie"><a title="Willkommen" href="#">&gt;&nbsp;Willkommen</a></div>
<div class="menu-linie"><a title="&Uuml;ber uns" href="#">&gt;&nbsp;&Uuml;ber&nbsp;uns</a></div>
<div class="menu-linie"><a title="Produkte" href="#">&gt;&nbsp;Produkte</a></div>
<div class="menu-linie"><a title="Service" href="#">&gt;&nbsp;Service</a></div>
<div class="menu-linie"><a title="Links" href="#">&gt;&nbsp;Links</a></div>
<a title="Kontakt" href="#">&gt;&nbsp;Kontakt</a></div></div>


Und der Code für das CSS:
Code
#navigation    { color: #000000; font-size: 12px; font-weight: bold; text-decoration: none; background-color: #edede9; width: 120px; border-top: 1px dashed #292627; border-right: 1px dashed #292627; border-bottom: 1px dashed #292627; border-left: 0 none } 
.menu { color: #000000; text-decoration: none; width: 120px }
.menu-linie { color: #000; text-decoration: none; width: 120px; border-top: ; border-right: ; border-bottom: 1px dashed #292627; border-left: }
.menu a { color: #000000; font-size: 12px; font-weight: bold; line-height: 200%; text-decoration: none; display: block; padding: 2px 0 2px 12px; width: 100% }
.menu a:hover { color: #000000; text-decoration: none; background-color: #ffffff }
.menu a:visited { color: #000000 }


Wenn ich das so lasse, dann wird in Firefox die rechte Linie beim hover-Status überdeckt. Entferne ich im .menu a die 100% Breite, dann passt es in Firefox dafür ist im IE dann wieder nur der geschriebene Text ein Link.

Gibt es da einen Trick?
X

Navigation mit CSS -> IE vs. Firefox

SabineP
Beiträge gesamt: 7586

14. Jul 2005, 22:13
Beitrag # 2 von 8
Beitrag ID: #177873
Bewertung:
(1783 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo René,

IE und Firefox zeigen die Boxen (div mit border, margin, padding) unterschiedlich an:
http://www.fabrice-pascal.de/artikel/ie5boxmodel/

Ich habe keine Lösung für Deine Navigation (sitze immer noch mit IE4 und Netscape 4 hier),
aber drei Links mit vielen Beispielen:

http://css.maxdesign.com.au/.../browser-support.htm
http://css.maxdesign.com.au/.../browser-support.htm

http://www.accessify.com/...tic/list-o-matic.asp

Gruß Sabine


als Antwort auf: [#177840]
(Dieser Beitrag wurde von SabineP am 14. Jul 2005, 22:13 geändert)

Navigation mit CSS -> IE vs. Firefox

ruebe
Beiträge gesamt: 1113

15. Jul 2005, 08:31
Beitrag # 3 von 8
Beitrag ID: #177896
Bewertung:
(1759 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Guten Morgen,

ui sorry - ich wollte das Forums-Layout nicht zerschießen.

Vielen Dank für die Links Sabine!
Gibt es eine Möglichkeit (ohne JS) für den IE ein anderes CSS zur Verfügung zu stellen?


als Antwort auf: [#177873]

Navigation mit CSS -> IE vs. Firefox

SabineP
Beiträge gesamt: 7586

15. Jul 2005, 10:03
Beitrag # 4 von 8
Beitrag ID: #177911
Bewertung:
(1756 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo René,
so kannst Du für den IE andere Styles angeben:

<!--[if IE]>
<style type="text/css">@import url(ie.css);</style>
<![endif]-->

Einen Artikel zum Thema gibt es auch bei selfhtml:
http://de.selfhtml.org/...chen.htm#alternative

Gruß Sabine


als Antwort auf: [#177896]

Navigation mit CSS -> IE vs. Firefox

ruebe
Beiträge gesamt: 1113

15. Jul 2005, 10:40
Beitrag # 5 von 8
Beitrag ID: #177914
Bewertung:
(1753 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine,

genau das hab ich gesucht.


als Antwort auf: [#177911]

Navigation mit CSS -> IE vs. Firefox

ruebe
Beiträge gesamt: 1113

15. Jul 2005, 10:49
Beitrag # 6 von 8
Beitrag ID: #177917
Bewertung:
(1748 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo nochmal,

funktioniert Super!!! Vielen Dank!


als Antwort auf: [#177911]

Navigation mit CSS -> IE vs. Firefox

r a c
Beiträge gesamt: 955

17. Jul 2005, 15:02
Beitrag # 7 von 8
Beitrag ID: #178166
Bewertung:
(1711 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo René

Antwort auf: IE und Firefox zeigen die Boxen (div mit border, margin, padding) unterschiedlich an:
http://www.fabrice-pascal.de/artikel/ie5boxmodel/


Nachtrag:
IE verwendet das standard Boxmodell im "standards-compliant mode" (korrektes Verhalten als Spezialfunktion!).
Dazu verwendet er einen Schalter. Die Bedingungen guckst du da:
http://msdn.microsoft.com/.../cssenhancements.asp

Ich verwende am liebsten
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> 

und mit dem Boxmodell geht alles klar. Wenn du Transitional schreibst, muss die URL [b]unbedingt dazu:
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">


Grüsse r a c


als Antwort auf: [#177873]
(Dieser Beitrag wurde von r a c am 17. Jul 2005, 15:26 geändert)

Navigation mit CSS -> IE vs. Firefox

ruebe
Beiträge gesamt: 1113

18. Jul 2005, 08:49
Beitrag # 8 von 8
Beitrag ID: #178214
Bewertung:
(1693 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Guten Morgen r a c,

auch Dir vielen Dank für die Info.
Das funktioniert auch - jetzt hab ich ja richtig Auswahl Wink


als Antwort auf: [#178166]
X

Aktuell

PDF / Print
enfocus_300

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
14.05.2024

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Horizon

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

Einsparpotenziale in der Weiterverarbeitung
Veranstaltungen
16.05.2024

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

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

Und es geht doch: Automatisierung im Großformatdruck!