Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „safari erstellt blauen Rand um Naviliste“

bibifellow

Nicht mehr ganz neu hier

Hallo, ich habe eine Navigation
HTML:
<div id="navibereich">
 <div id="navibereich_innen">

<ul>
<li ><a href="index.php?seite=home" 
class="<?php echo ($_GET['seite'] == 'home') ? 'current': 'normal'; ?>"
 tabindex="1" > Foto</a></li></ul>

und die css
HTML:
div#navibereich {
  float: left; 
  width: 20%; 
}
div#navibereich_innen {
  padding-left: 5px; 
  padding-top: 10px;
  border-right:1px solid #8c8c8c ; 
}
  div#navibereich ul { 
    width: 13em;
	padding-left:6px;
	margin:5px;
 
	 
  }
  div#navibereich li {
    list-style-type: none;
	
   
    margin:5px;
  } 
  div#navibereich ul li ul li {
	  margin-right:43px;
  }
  div#navibereich a {
    text-decoration: none;
    color: black;
	
	width: 8em;
	
    padding: 5px; 
	
  }
  div#navibereich li a.current {
    color:#CCC; 
    border-bottom: none;      
  }
  div#navibereich a:hover,
  div#navibereich a:focus {
    color:#CCC; 
     
    border-bottom: none;    
  }
  div#navibereich a:active {
    color:#CCC; 
  }

im Firefox und explorer no problem und der safari macht beim Klicken auf den Navigationspunkt home um den grauen Hintergrund einen blauen Rahmen. Keinen Plan woher er den blauen Rahmen bekommt. Für ein paar Tipps wäre ich dankbar. Das ist wirklich ärgerlich.
Habe es gerade im firebug überprüft. Dort ist ein Rand die 5px um den Listenpunkt ob safari damit ein Problem hat.

gelöst war outline: none;
 
Zuletzt bearbeitet:

Extra300Pilot

Web-Fuzzi

AW: safari erstellt blauen Rand um Naviliste

Dann schreib mal in die Regel div#navibereich a { } folgendes:

outline:none;

dann hört das mit dem Rahmen auf :)

Greets
Extra300Pilot
 

Myhar

Hat es drauf

AW: safari erstellt blauen Rand um Naviliste

Nachdem das Problem mit der outline jetzt gelöst sein sollte, eine andere Frage bezüglich deines CSS:
Können deine Elemente mit der id navibereich bzw. navibereich_innen je etwas anderes als divs sein? Wenn nein, dann kürze deinen CSS Code auf #navibereich, bzw. #navibereich_innen.
 

patrick_l

Hat es drauf

AW: safari erstellt blauen Rand um Naviliste

Dann schreib mal in die Regel div#navibereich a { } folgendes:
outline:none;

Ich würde eher den Stern-Selektor nehmen und direkt für alle Bereiche bestimmte Sachen zurücksetzen (simples CSS reset).
Code:
* {margin:0; padding:0; border:none; outline:none; font-size:100%;}
Können deine Elemente mit der id navibereich bzw. navibereich_innen je etwas anderes als divs sein? Wenn nein, dann kürze deinen CSS Code auf #navibereich, bzw. #navibereich_innen.

Vielleicht noch einen Schritt weiter gehen und dem UL und LI Element überhaupt keine ID geben. Kannst du doch auch so ohne Probleme ansprechen. Spart auch etwas an Schreibarbeit. ;)
Code:
#navi {}
#navi ul {}
#navi ul li {}
#navi a {}
Liebe Grüße, Patrick
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.158
Beiträge
2.581.880
Mitglieder
67.226
Neuestes Mitglied
Alec168
Oben