Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 19

Thema: Darstellung im IE6 ist fehlerhaft

  1. #1
    Youngster
    Registriert seit
    03.05.2009
    Ort
    Nürnberg
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Darstellung im IE6 ist fehlerhaft

    Hallo,

    die Navigation einer Webseite wird im IE6 falsch dargestellt: hier das Beispiel. Die Abstände ab dem Navigationspunkt "Wir über uns" sind zu gross, erwünscht ist eine bündige Darstellung.
    Hier die Html-Datei:
    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="de">
       <head>
         <META http-equiv="Content-Type" content="text/html; charset=utf-8">
      <title>IE6 Test</title>
      <meta name="keywords" content="">
      <meta name="description" content="">
      <link href="style.css" rel="stylesheet" type="text/css" media="screen">
     </head>
    <body>
    <!-- start header -->
    <div id="header">
     <h1>Personal </h1>
     <p> design By Free CSS Templates</p>
    </div>
    <!-- end header -->
    <!-- start page -->
    <div id="wrapper">
     <div id="page">
        <!-- start content -->
        <div id="content">
         <div class="post">
          <h1 class="title">Welcome To My Website</h1>
          <p class="byline"><small>Posted on August 25th, 2007 by <a href="#">
          admin</a> | <a href="#">Edit</a></small></p>
          <div class="entry">
           <p><strong>Personal </strong> is a free template 
           from <a href="http://freecsstemplates.org/">Free CSS 
           Templates</a> released under a <a href="http://creativecommons.org/licenses/by/2.5/">
           Creative Commons Attribution 2.5 License</a>. The 
           flower photo is fromt <a href="http://www.pdphoto.org/">
           PDPhoto.org</a>. You&#39;re free to use this template 
           for both commercial or personal use. I only ask that 
           you link back to <a href="http://freecsstemplates.org/">
           my site</a> in some way. Enjoy :)</p>
          </div>
          <p class="meta"><a href="#" class="more">Read More</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#" 
    class="comments">
          Comments</a> (33)</p>
         </div>
         <div class="post">
          <h2 class="title">Praesent Scelerisque</h2>
          <p class="byline"><small>Posted on August 25th, 2007 by <a href="#">
          admin</a> | <a href="#">Edit</a></small></p>
          <div class="entry">
           <p>Pellentesque pede. Donec pulvinar ullamcorper 
           metus. In eu odio at lectus pulvinar mollis. 
           Vestibulum sem magna, elementum ut, vestibulum eu, 
           facilisis quis, arcu. Mauris a dolor. Nulla 
           facilisi. Cum sociis natoque penatibus et magnis dis 
           parturient montes, nascetur ridiculus mus. Sed 
           blandit. Phasellus pellentesque, ante nec iaculis 
           dapibus, eros justo auctor lectus, a lobortis lorem 
           mauris quis nunc. Praesent pellentesque facilisis 
           elit. <br>
           </p>
          </div>
          <p class="meta"><a href="#" class="more">Read More</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#" 
    class="comments">
          Comments</a> (33)</p>
         </div>
        </div>
        <!-- end content -->
        <!-- start sidebar -->
        <div id="sidebar">       
         <div class="wrap">
          <div class="top">
           <div class="btm">
            <ul class="menuLevel1">
             <li class="menuLevel1"><a href="/"> Startseite</a><span class="unsichtbar">.</span>
             </li>
             <li class="menuLevel1"><a href="/kanzlei/"> Wir 
             über uns</a><span class="unsichtbar">.</span>
             </li>
             <li class="menuLevel1"><span>HDM leistet</span>
              <ul class="menuLevel2">
               <li class="menuLevel2"><a href="index.html"> 
               Wir über uns</a><span class="unsichtbar">.</span>
               </li>
               <li class="menuLevel2"><a href="index2.html"> 
               HDM leistet</a><span class="unsichtbar">.</span>
               </li>
               <li class="menuLevel2"><a href="/leistungen/vereine.php">
               für Vereine</a><span class="unsichtbar">.</span></li>
               <li class="menuLevel2"><a href="/leistungen/arbeitnehmer.php">
               für Arbeitnehmer</a><span class="unsichtbar">.</span></li>
               <li class="menuLevel2"><a href="/leistungen/rentner.php"> 
               für Rentner und Pensionär</a><span class="unsichtbar">.</span></li>
               <li class="menuLevel2"><a href="/leistungen/vermieter.php">
               für Vermieter</a><span class="unsichtbar">.</span></li>
               <li class="menuLevel2"><a href="/leistungen/kapitalanleger.php"> 
               für Kapitalanleger</a><span class="unsichtbar">.</span></li>   
            
              </ul>
             </li>
             <li class="menuLevel1"><a href="/dienstleistung/"> 
             Zusatzdienstleistungen</a><span class="unsichtbar">.</span>
             </li>
             <li class="menuLevel1"><a href="/faq.php"> 
             FAQ&#39;s</a><span class="unsichtbar">.</span>
             </li>
             <li class="menuLevel1"><a href="/service/"> 
             Mandanten Seiten</a><span class="unsichtbar">.</span>
             </li>
            </ul>
           </div>
          </div>
         </div>
        </div>
        <!-- end sidebar -->
        <div style="clear:both">&nbsp;</div>
     </div>
    </div>
    <div id="footer">
     <p>©2007 All Rights Reserved &nbsp;&nbsp; Design by <a href="http://www.freecsstemplates.org/">
     Free CSS Templates</a> &nbsp;&nbsp; Icons by <a href="http://www.famfamfam.com/">
     FAMFAMFAM</a>.</p>
    </div>
    </body>
    </html>
    Und hier die CSS-Datei:

    Code:
     
     
    body {
     margin-top: 20px;
     margin: 0;
     padding: 0;
     background: #fff;
     font-size: 11px;
     text-align: justify;
     color: #000;
    }
    body, th, td, input, textarea, select, option {
     font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif;
    }
    h1, h2, h3 {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-weight: normal;
     color: #000000;
    }
    h1 {
     letter-spacing: -2px;
     font-size: 3em;
    }
    h2 {
     letter-spacing: -1px;
     font-size: 2em;
    }
    h3 {
     font-size: 1em;
    }
    p, ul, ol {
     line-height: 200%;
    }
    blockquote {
     padding-left: 1em;
    }
    blockquote p, blockquote ul, blockquote ol {
     line-height: normal;
     font-style: italic;
    }
    a {
     color: #FFFFFF;
    }
    a:hover {
     color: #FFFFFF;
    }
    hr {
     display: none;
    }
    #wrapper {
     margin: 0;
     padding: 0;
     /*background: #C0F3FD url(images/img02.jpg) repeat-x left top;*/
    }
     
    /* Header */
    #header {
     width: 800px;
     height: 100px;
     margin: 0 auto;
     padding: 50px 0 0 0;
     font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif;
     background: url("images/img04.jpg") no-repeat left 20%;
    }
    #header h1, #header p {
     margin: 0;
    }
    #header h1 {
     float: left;
     color: #000000;
     font-size: 36px;
     padding-left: 75px;
     height: 70px;
    }
    #header p {
     float: left;
     padding: 17px 0 0 10px;
     font-size: 12px;
     font-weight: bold;
    }
    #header a {
     text-decoration: none;
     color: #F79F1A;
    }
    #banner {
     margin: 0 auto;
     margin-bottom: 15px;
     padding: 0;
     width: 800px;
     height: 250px;
     background: url("images/img01.jpg") no-repeat left top;
    }
    /* Page */
    #page {
     width: 800px;
     margin: 0 auto;
     margin-bottom: 15px;
    }
    /* Content */
    #content {
     float: right;
     width: 505px;
     margin: 0;
     padding: 25px 25px 15px 20px;
    }
    .post {
     padding: 0px 0 0 0;
    }
    .title {
     border-left: 6px solid #2E2E2E;
     padding: 0 20px 0 10px;
     font-size: 24px;
    }
    .title a {
     text-decoration: none;
     color: #FFFFFF;
    }
    .pagetitle {
    }
    .byline {
     margin: -25px 20px 0 17px;
     color: #303030;
    }
    .meta {
     text-align: left;
     color: #17A141;
     padding: 10px 20px 10px 12px;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 12px;
     background: #34CD65;
     border: 3px solid #000000;
    }
    .meta .more {
     padding-left: 10px;
    }
    .meta .comments {
     padding-left: 10px;
    }
    .meta a {
     color: #000000;
    }
    .navigation {
    }
    .alignleft {
     float: left;
    }
    .alignright {
     float: right;
    }
    .posts {
     margin: 0;
     padding: 0;
     list-style: none;
     line-height: normal;
    }
    .posts li {
    }
    .posts h3 {
     margin: 0;
     font-weight: bold;
    }
    .posts p {
     margin: 0;
     line-height: normal;
    }
    .posts a {
    }
    .entry {
     margin: 0;
     padding: 0 0 15px 17px;
    }
    .last {
     border: none;
    }
    /* ============================  Navigation  ============================ */
    /* ---- Allgemeine Attribute ---- */
    #sidebar {
     float: left;
     width: 191px;
     margin-top: -130px;
     padding: 0 0 0 0;
     color: #17A141;
     background-color:#E4D9B0; 
     filter:alpha(opacity=80);
     opacity:.8;
     margin:0;
     display: inline;
     /*position: relative; top:0px; left:0px;*/
    }
    /* ---- Rahmen mit Bildelementen: Linker und rechter Rand ---- */
    #sidebar .wrap {
     background: url('img/Design/naviRandLR.gif') repeat-y left top;
    }
    /* ---- Rahmen mit Bildelementen: Oberer Rand ---- */
    #sidebar .top {
     background: url('img/Design/naviRandO.gif') no-repeat left top;
    }
    /* ---- Rahmen mit Bildelementen: Unterer Rand ---- */
    #sidebar .btm {
     margin: 0;
     padding: 0;
     background: url('img/Design/naviRandU.gif') no-repeat left bottom;
    }
    #sidebar ul {
     color:#4e0b54;
     margin: 0;
     padding: 4px 4px 2px 4px; 
     list-style: none;
    }
    #sidebar a {
    }
    #sidebar a:hover {
     background:#D6C280 ;
    }
    /* Navigationspunkte mit Links (a) und ohne Links (span) */
    #sidebar ul li a, #sidebar ul li span{
     color:#4e0b54;
     text-decoration: none;
     border-bottom:1px solid #fff;
     line-height:25px;
     display:block;
     
     /* height:35px; */
     padding:6px 15px;
    }
    /* Aktiver Navigationspunkt */
    #sidebar ul li span{
     font-weight:bold;
     background:#D6C280 ;
    }
    /* ------------ 1. Navigationsebene ------------ */ 
    .menuLevel1 ul {
     color:#4e0b54;
     margin: 0;
     padding: 0px 0px 0px 0px; 
     list-style: none;
    }
    /* IE6: Korrektur der falschen Zellenhöhe / Wird im FF falsch dargestellt */
    .menuLevel1 li {
     padding: 0px 0px 0px 0px;
     margin: 0;
     height: 0px;
    } 
    /* Hat Auswirkungen auf die 1.Navigationsebene, trotz des Namens */
    #menuLevel2 ul li a {
     height:30px;
    }
    /* ---- 2. Navigationsebene ---- */ 
    #menuLevel2 ul {
     color:#4e0b54;
     margin: 0;
     padding: 0px 4px 2px 4px;
     list-style: none;
    }
    /* Positionierung des Textes */
    #menuLevel1 ul li a{
     padding: 1px 0px 5px 33px;  
     margin: 0;
    }
    /* war aus 
    #menuLevel2 li{
     padding:0px 0 0px 0px;
     /*background-color:#fff;
     margin: 0;
     height: 23px;
    }*/
    #sidebar li ul li{
     display:block; /* Mouse-Over über die gesamte Button-Fläche */
     text-decoration: none;
     margin: 0 0 0 0; 
    }
    #menuLevel1 li ul a, #menuLevel2 li ul a  {
     background:#D6C280; 
     /* padding:-14px -4px 0px -4px; */
    }
    /* Hat Auswirkungen auf die 2.Navigationsebene, trotz des Namens */
    #menuLevel1 li ul a {
     background:#D6C280 url('img/Design/pfeil.gif') no-repeat 18px 11px;
     height:20px;
    }
    /*
    #menuLevel2 li li a {
     background:url('img/Design/pfeil2.gif') no-repeat 18px 11px;
     /*padding:35px -4px 0px -4px
     height:20px;
    }
    /*
    #sidebar li li {
     margin: 0 0 0 0px;
     padding: 0 0 0 0px;
     line-height: 0px;
    }
    */
    /* =========== temp ================ */
    /* ausgeblendete Elemente */
    .unsichtbar, .reader, a.skip {
    position:absolute;
    left:-3000px;
    top:-2000px;
    width:0px;
    height:0px;
    overflow:hidden;
    display:inline;
    }
    /* -------------- Search ------------------ */
    #search input {
     display: none;
    }
    #search input#s {
     display: block;
     width: 230px;
     padding: 2px 5px;
     border: 1px solid #3DD1FF;
    }
    #search br {
     display: none;
    }
    /* Calendar */
    #calendar {
    }
    #calendar h2 {
     margin-bottom: 15px;
    }
    #calendar table {
     width: 80%;
     margin: 0 auto;
     text-align: center;
    }
    #calendar caption {
     width: 100%;
     text-align: center;
    }
    #next {
     text-align: right;
    }
    #prev {
     text-align: left;
    }
    /* Footer */
    #footer {
     width: auto;
     height: 118px;
     background: url("images/img03.gif") repeat-x left top;
     text-align: center;
     font-size: 10px;
     font-family: Arial, Helvetica, sans-serif;
    }
    #footer p {
     padding: 50px 0;
    }
    #footer p a {
    }
    Hat jemand eine Idee? Dass wäre echt spitze...

    Viele Grüße
    Thomas
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Thomas_B (04.05.2009 um 18:27 Uhr) Grund: Validatorfehler entfernt

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Darstellung im IE6 ist fehlerhaft

    beheb mal die valdidatorfehler... vielleicht klappts dann
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    03.05.2009
    Ort
    Nürnberg
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Darstellung im IE6 ist fehlerhaft

    Habe ich - hat sich nix geändert...

  4. #4
    Meister(in) Avatar von Afrael
    Registriert seit
    26.04.2009
    Ort
    NRW
    Alter
    26
    Beiträge
    313
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Darstellung im IE6 ist fehlerhaft

    Ähm... was soll denn das
    .menuLevel1 li {
    height:0;
    margin:0;
    padding:0;
    }
    Dadurch wird bei mir im Firefox alles übereinandergequetscht. Zu deiner Frage, ich hab (wie wahrscheinlich einige hier) grade keinen IE6 zur Hand, kannst du mal einen Screenshot machen?
    Information will frei verfügbar sein.

    Don't eat unpeeled hedgehogs.

  5. #5
    Youngster
    Themenstarter

    Registriert seit
    03.05.2009
    Ort
    Nürnberg
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Darstellung im IE6 ist fehlerhaft

    Für den FF und IE7 habe ich bereits eine funktionierende Version: siehe Webseite. Ich will die CSS-Datei mit Conditional Commands einbinden.

    Hier der Screenshot der IE6-Darstellung:

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Darstellung im IE6 ist fehlerhaft

    Du hast zweimal einen Doctype drin.
    Lösche mal den zweiten. Der DT muss immer in der ersten Quelltextzeile stehen.

    Dann lass die Seite validieren, da sind immer noch Fehler drin.
    Insbesondere werden ID's, die nur einmal je Seite vorkommen dürfen mehrmals verwendet, was unzulässig ist (z.B. id="menuLevel1" usw.)

  7. #7
    Youngster
    Themenstarter

    Registriert seit
    03.05.2009
    Ort
    Nürnberg
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Darstellung im IE6 ist fehlerhaft


  8. #8
    Meister(in) Avatar von Afrael
    Registriert seit
    26.04.2009
    Ort
    NRW
    Alter
    26
    Beiträge
    313
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Darstellung im IE6 ist fehlerhaft

    sejuma meint die neue FF-Version.
    Zitat Zitat von Thomas_B Beitrag anzeigen
    Für den FF und IE7 habe ich bereits eine funktionierende Version: siehe Webseite.
    Information will frei verfügbar sein.

    Don't eat unpeeled hedgehogs.

  9. #9
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Darstellung im IE6 ist fehlerhaft

    Sorry, da hatte ich wohl eine falsche Seite erwischt.
    Dennoch:
    Der IE braucht diesen Doctype um das CSS-Boxmodell richtig darzustellen:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">

  10. #10
    Youngster
    Themenstarter

    Registriert seit
    03.05.2009
    Ort
    Nürnberg
    Beiträge
    13
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Darstellung im IE6 ist fehlerhaft

    Zitat Zitat von Afrael Beitrag anzeigen
    sejuma meint die neue FF-Version.
    Ich hab den 3.0.10, da wirds korrekt dargestellt...

Ähnliche Themen

  1. DIV im IE6 fehlerhaft
    Von brockmann im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 07.03.2009, 17:59
  2. eXtremeManagement 1.5.2 fehlerhaft
    Von prinzprotz im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 4
    Letzter Beitrag: 20.06.2008, 10:26
  3. speicherkarte fehlerhaft!!!
    Von Fabi im Forum Computer - Internet Forum
    Antworten: 1
    Letzter Beitrag: 16.03.2008, 17:30
  4. Firefox-Darstellung fehlerhaft
    Von minibar182 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.09.2005, 09:17

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •