zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Listenlinks, display:block und IE6

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.11.2007, 14:23
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard Listenlinks, display:block und IE6

Hallo zusammen,

ich habe folgendes Problem mit dem IE6:

-vertikale Navigation,
-mit display:block alles anklickbar gemacht,
-aktuellen Menüpunkt per CSS hervorgehoben.

Im IE7, FF, Netscape und Opera schaut alles wunderbar aus.

Im IE6 wird der aktuelle Menüpunkt nicht nur hervorgehoben sondern die farbige Fläche recht und links erweitert.

HTML-Code:
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=utf-8" />
  <meta http-equiv="language" content="deutsch, de" />
  <meta name="author" content="Jungwirth-Beicken" />
  <meta name="Keywords" content="anwalt rechtsanwalt passau rechtsberatung" />
  <meta name="Description" content="Rechtsanwalt Dr. Anton Jungwirth und Rechtsanwältin Angela Beicken - Ihre Kanzlei aus Passau" />  
<link type="text/css" rel="stylesheet" href="texte/screen.css" media="screen" />
<link type="text/css" rel="stylesheet" href="texte/print.css" media="screen" />

<title>Rechtsanwalt Dr. Anton Jungwirth u. Rechtsanwältin Angela Beicken aus Passau</title>

</head>

<body id="startseite">
  
<div id="wrapper">
  
  <p class="skiplink"><a href="#navi01">Zur Navigation</a></p>
  <p class="skiplink"><a href="#contentinnen">Zum Inhalt</a></p>
  
  <div id="kopf">
      <img src="images/1.jpg" class="kopfbildrahmen" width="130" height="92" 
                               alt="Dr. Anton Jungwirth &amp; Angela Beicken"  title="Dr. Anton Jungwirth &amp; Angela Beicken" />
  <div id="kopfschrifth1">
    <h1>Rechtsanwälte</h1>
  </div><!-- Ende id=kopfschrifth1 -->
  <div id="kopfschrifth2">
    <h2>Dr. Anton Jungwirth &amp; Angela Beicken</h2>
  </div><!-- Ende id=kopfschrifth2 -->
  <br class="clear" /> 
  </div><!-- Ende id=kopf -->
  <div id="navigationaussen">
  <div id="navigationinnen">
    <ul>
      <li id="navi01"><a href="index.htm">Startseite</a></li>
      <li id="navi02"><a href="texte/inhaltsverzeichnis.htm">Inhaltsverzeichnis</a></li>
      <li id="navi03"><a href="texte/jungwirth.htm">Dr.jur. Anton Jungwirth</a></li>
      <li id="navi04"><a href="texte/beicken.htm">Angela Beicken</a></li>
      <li id="navi05"><a href="texte/anfahrt.htm">Anfahrt</a></li>
      <li id="navi06"><a href="impressum.htm">Impressum</a></li>
    </ul>
  </div><!--Ende id=navigationinnen-->
  </div><!--Ende id=navigationaussen-->
  
  <div id="contentaussen">
  <div id="contentinnen">
    <h2>Sehr geehrter Besucher,</h2>
      <p>wir freuen uns, Sie im Rahmen unserer Internetpräsenz begrüßen zu dürfen.</p>
    <h3>Treten Sie mit uns in Kontakt:</h3>
      <ul>
        <li>Telefonisch</li>
        <li>per Email</li>
        <li>schriftlich</li>
        <li>oder faxen sie uns.</li>
      </ul>
      <h3><strong>Gerne beraten wir sie.</strong></h3>
    <h3>Kanzlei:</h3>
      <p>Die Rechtsanwaltskanzlei in Passau wurde im Jahre 1988 von Dr. Anton Jungwirth gegründet
            und seit 1992 mit Rechtsanwältin Angela Beicken als Anwaltssozietät fortgeführt.</p>
      <p>Unser Sekretariatsteam begleitet uns seit dieser Zeit ebenso wie wissenschaftliche 
           Mitarbeiter, Kooperationspartner und junge Juristen in verschiedenen Ausbildungsstadien.</p>
   <div class="abstandliste">
    <h3>Die Schwerpunkte unserer Anwaltssozietät sind:</h3>
      <ul>
        <li>Wirtschafts,- und Vertragsrecht.</li>
        <li>Familien,- und Erbrecht.</li>
        <li>Unfall,- und Schadenshaftpflichtrecht.</li>
      </ul>
   </div>
    <p>Die fachübergreifende Zusammenarbeit mit Kollegen im In –und Ausland sowie mit Spezialisten 
         besonderer Fachgebiete ermöglichen es uns, die Interessen unserer Klienten effizient und effektiv 
         in außergerichtlichen Verhandlungen ebenso wie vor Gericht zu vertreten.</p> 
    <p>Gerne beraten wir Sie persönlich oder schriftlich 
         zu Themen und Fragestellungen aus unseren Tätigkeitsgebieten oder bei allgemeinen
         Rechtsangelegenheiten.</p> 
    <p>Wir unterstützen Sie bei Vertragsverhandlungen und entwickeln mit 
         Ihnen gemeinsam rechtliche Gestaltungen für Ihre Projekte. Selbstverständlich erstellen wir
         auch Gutachten zu komplexen Rechtsangelegenheiten.</p>
    <p class="strong">Über Kosten- und Gebührenfragen informieren wir Sie selbstverständlich im Vorfeld.</p>
    <p>Sprechen Sie uns zu diesen oder anderen Fragen  persönlich oder unter Verwendung 
         der untenstehenden Kontaktmöglichkeiten an.</p>
  </div><!--Ende id=contentinnen-->
  </div><!--Ende id=contentaussen-->
  
  <br class="clear" />
  
  <div id="fuss">
    <p>Dr.jur. Anton Jungwirth &amp; Angela Beicken &middot; Gablergasse 2 &middot; D-94032 Passau<br />
          Tel.: 0851-2113 &middot; Fax: 0851-2642 &middot; <a href="mailto:aj.ab@t-online.de">Email: aj.ab@t-online.de</a></p>
  </div><!--Ende id=fuss-->
  
  <p class="skiplink"><a href="#navi01">Zurück zur Navigation</a></p>
  <p class="skiplink"><a href="#contentinnen">Anfang Inhalt</a></p>
    
  </div><!--Ende id=wrapper-->

</body>
</html>
CSS-Datei:
Code:
*  {
     padding:0;
	 margin:0;
}
li, dd  {
	list-style-type:none;
}
html  {
	height:100%;
}
body  {
     color:#000000;
	 background-color:#dcdcdc;
	 text-align:center;
	 font:100.01% Verdana, Arial, Helvetica, sans-serif;
	 line-height:1.4em;
}
h1, h2,h3,h4,h5,h6  {
     font-size:1em;
}

img  {
	border-style:none;
}
.skiplink  {
     position:absolute;
	 top:-4000px;
	 left:-6000px;
	 width:0px;
	 height:0px;
	 overflow:hidden;
	 display:inline;
}
h1  {
     font-size:1.7em;
	 letter-spacing:4px;
}
h2  {
     font-size:1.5em;
}
a  {
     text-decoration:none;
}
a:link  {
     color:#336699;
}
a:visited  {
     color:#336699;
}
a:focus  {
}
a:hover  {
}
a:active  {
}
#wrapper  {
      width:56em;
	  color:#000;
	  background:#fff url(../images/hintergrund2.jpg) repeat-y top left;
	  border:2px solid #336699;
	  margin:1em auto;
}
#kopf  {
     float:left;
	 width:56em;
     color:#fff;
     background-color:#336699;
}
.kopfbildrahmen  {
     float:left;
     border:2px solid #fff;
	 margin:0.5em 3.8em 0.5em 2.9em;
}
#kopfschrifth1  { 
     text-align:left;
	 padding:1em 0em 0.9em 0em;
}
#kopfschrifth2  { 
     text-align:right;
	 line-height:2em;
	 padding-right:2em; 
}
#navigationaussen  {
     float:left;
	 width:14em;
}
#navigationinnen  {
     background-color:#fff;
     font-size:0.9em;
}
#navigationinnen a  {
     display:block;
	 background-color:#F0F8FF;
	 border:1px solid #E6E6FA;
	 padding:0.2em;
} 
#navigationinnen ul  {
     padding-top:2.4em;
}
#navigationinnen li  {
     padding-top:0.8em;
	 margin-left:1.2em;
	 margin-right:1.2em;
}
#navigationinnen a:hover,
#navigationinnen a:focus  {
     color:#fff;
	 background-color:#336699;
}
#navigationinnen a:hover,
#navigationinnen a:focus,
#startseite #navi01 a,
#inhaltsverzeichnis #navi02 a,
#jungwirth #navi03 a,
#beicken #navi04 a,
#anfahrt #navi05 a,
#impressum #navi06 a  {
     color:#fff;
	 background-color:#336699;
}/*aktuellen Menuepunkt hervorheben*/
	 
#contentaussen  {
     float:right;
	 width:41em;
}
#contentinnen  {
     background-color:#F0F8FF;
     text-align:left;
	 font-size:0.9em;
	 padding:1em;
}
#contentinnen h2  {
     font-size:1.2em;
	 font-weight:500;
}
#contentinnen h3  {
     padding-top:1em;
}
#contentinnen p  {
     padding-top:0.6em;
}
#contentinnen li {
     list-style-type:disc;
	 list-style-position:inside;
	 text-indent:1.2em;
     line-height:1.3em;
}
.abstandliste  {
     padding-top:0.4em;
	 padding-bottom:0.9em;
}
#fuss  {
     color:#fff;
     background-color:#336699;
     font-size:0.8em;
	 letter-spacing:1px;
	 line-height:1.4em;
	 padding:0.2em 0 0.2em 0;
}
#fuss a  {
     color:#fff;
	 background-color:#336699;
	 text-decoration:underline;
}
#fuss a:hover ,
#fuss a:hover  {
     color:#336699;
	 background-color:#f0f8ff; 
}
 .strong  {   
     font-weight:bold;
}/*Fettdruck fuer Woerter im Text*/
   
.clear  {
     clear:both;
	 width:0;
	 height:0;
	 visibility:hidden;
}
   * html li  {  height:1%;  }  /*zusaetzlicher Leerraum in Listenlinks-Bug*/

* html  {  word-wrap:break-word;  }  /*Problem der sich erweiternden Box*/

*html #kopfschrifth1  {  height:1%;  } /* 3-Pixel Bug */
Welcher IE6-Bug könnte das sein??

Danke im voraus
Klaus
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.11.2007, 14:30
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von hubspe Beitrag anzeigen
Im IE6 wird der aktuelle Menüpunkt nicht nur hervorgehoben sondern die farbige Fläche recht und links erweitert.
IMHO ist das nicht davon abhängig, ob der Menüpunkt "aktiv" ist -- sondern es ist einfach der erste, der verbreitert wird.
Layout für ul sollte helfen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.11.2007, 15:06
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi fricca,

danke für deine Hilfe!

Fixed.

Der Liste Layout zu geben hätte ich eigentlich auch mal dran denken können.

Viele Grüße
Klaus
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
:hover-Problem in Navigation lostrudel CSS 17 15.01.2011 18:20
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 20:51
Listenproblem im IE6 uwehamburg CSS 11 28.03.2009 18:44
Content Bereich verschiebt sich im IE Hotbananaoli CSS 12 26.02.2009 18:33
Navigation display:block mit IE6 funzt nicht tomstu CSS 17 04.06.2007 17:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:45 Uhr.