mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 07:21 Benutzername: Passwort: Auto-Login

Thema: Navigation bricht um in Safari und Chrome vom 08.06.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Navigation bricht um in Safari und Chrome
Autor Nachricht
SchwarzeNacht
Threadersteller

Dabei seit: 12.03.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 08.06.2011 10:21
Titel

Navigation bricht um in Safari und Chrome

Antworten mit Zitat Zum Seitenanfang

Hi @ll!

Da möge man meinen nur IE macht Probleme, aber nun sind es bei mir Safari und Chrome...

Und zwar bricht meine Navi um (siehe Anhang - rechts oben)

Hab nun schon Google durchforstet und xxx Sachen probiert, aber ich komme leider zu keiner Lösung.
Hat von euch jemanden einen Tipp wie ich diesen Fehler beheben kann?

Hier mein html:

<div id="header">
<!-- - - - - - - - - - - TOP Navigation - - - - - - - - - - -->
<ul id="top-navigation">
<li>Unsere Highlights:</li>
<li><a href="http://www.salon-christine.at/typstyling.html">Das grosse <span class="texttransform">Typstyling</span></a></li>
<li><a href="http://www.salon-christine.at/makeup.html"><span class="texttransform">Make up</span> &amp; Trends</a></li>
<li><a href="http://www.salon-christine.at/fotoshooting.html">Fotoshooting mit Styling</a></li>
</ul><!-- Ende TOP Navigation -->

<h1><a href ="http://www.salon-christine.at/index.html"><img src="images/salonchristine.jpg" alt="Hair &amp; Beauty Salon Christine" width="200" height="80" /></a></h1>

<!-- - - - - - - - - - - Navigation - - - - - - - - - - -->
<ul id="navigation">
<li>Home</li>
<li><a href="http://www.salon-christine.at/salon.html">Salon</a></li>
<li><a href="http://www.salon-christine.at/leistungen.html">Leistungen</a></li>
<li><a href="http://www.salon-christine.at/preise.html">Preise</a></li>
<li><a href="http://www.salon-christine.at/kontakt.php">Kontakt</a></li>
<li><a href="http://www.salon-christine.at/news.html">News</a></li>
<li><a href="http://www.salon-christine.at/shop.html">Shop</a></li>
</ul><!-- Ende Navigation -->
</div><!-- Ende Header -->

***********

hier mein css:

#wrapper {
margin: 0 auto;
width: 1024px;
max-width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
overflow: hidden !important;
}

#header {
clear: both;
margin: 0 12px;
width: 1000px;
height: 192px;
overflow: hidden;
}

#top-navigation {
clear: both;
float: right;
margin-top: 17px;
}

#top-navigation .texttransform {
text-transform: uppercase;
}

#top-navigation li {
display: inline;
color: #999;
font-size: 120%;
line-height: 120%;
margin-left: 10px;
}

#top-navigation a:link {
color: #000;
text-decoration: none;
}

#top-navigation a:visited {
color: #000;
text-decoration: none;
}

#top-navigation a:hover {
color: #999;
}

#navigation {
clear: both;
}

#navigation li {
display: inline;
color: #999;
font-size: 140%;
margin-right: 30px;
}

#navigation a:link {
color: #000;
text-decoration: none;
}

#navigation a:visited {
color: #000;
text-decoration: none;
}

#navigation a:hover {
color: #333;
}
  View user's profile Private Nachricht senden
Alex

Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 37
Geschlecht: Männlich
Verfasst Mi 08.06.2011 11:03
Titel

Antworten mit Zitat Zum Seitenanfang

Anhang vergessen?

Ist die Seite live? Weil nur mit dem Codeschnippsel lässt sich schwer alles erkennen, was darauf Einfluss haben könnte (Thema Doctype etc).

Also am besten die Seite irgendwo hochladen und dann mal den Link hier rein stellen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
SchwarzeNacht
Threadersteller

Dabei seit: 12.03.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 08.06.2011 12:40
Titel

Antworten mit Zitat Zum Seitenanfang

Ops da hat wirklich etwas mit dem Anhang nicht geklappt.
Habe die Seite jetzt hochgeladen (nur Startseite), offiziell ist diese noch nicht online:

http//www.salon-christine.at/test

Kannst du mir vielleicht helfen?

Und falls du noch einen Fehler siehst wäre ich dir sehr dankbar!
  View user's profile Private Nachricht senden
Alex

Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 37
Geschlecht: Männlich
Verfasst Mi 08.06.2011 13:00
Titel

Antworten mit Zitat Zum Seitenanfang

mach mal das hier:
Code:
#top-navigation {
  clear:both;
  float:right;
  margin-top:17px;
  white-space:nowrap;
}


damit gehts Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
SchwarzeNacht
Threadersteller

Dabei seit: 12.03.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 08.06.2011 13:06
Titel

Antworten mit Zitat Zum Seitenanfang

Es hat geklappt!

WAHNSINN!! Du bist echt super!!
Vielen lieben Dank!!
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS Hack für Chrome <> Safari
hex Farbwert: unterschiedliche Darstellung Chrome / Safari
Google Chrome und Safari weißer Balken?
Kontaktformular bricht weg?
CSS IE6 bricht Box falsch um
scanner bricht beim scanvorgang ab..
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.