tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
809
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    namiro namiro ist offline Mitglied
    Registriert seit
    Mar 2009
    Beiträge
    21
    Ich habe eine 3 spaltige Layout,

    Mein Problem ist wenn ich etwas im right-DIV schreibe, wiederholt sich Ende des TEXTs unter dem - besser gesagt au-erhalb - right-DIV.

    Kann jemand mir helfen?

    Vielen Dank.
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken IE-Problem: Ende des Textes wiederholt im DIV mit float:right-1.gif  
     

  2. #2
    Registriert seit
    Mar 2004
    Beiträge
    1.854
    Blog-Einträge
    2
    Im Text mit weißen Hintergrund taucht das Wort "geben" nicht auf, außer es wurde von "gegeben" abgetrennt.

    Ein paar Details zu Stylesheet (CSS) und Markup ( (X)HTML ) wären gut.
    Geändert von ZodiacXP (23.08.09 um 03:12 Uhr)
     
    Gebe keine Hilfe per PN, Mail, Instant Messenger etc.
    und keine Copy&Paste-Lösungen - ein bisschen selbst nachdenken sollte drin sein. Konstruktivismus 4tw!


    MfG, Zod

    __________________
    rpd Framework: Rapid Web-Engineering in PHP (Manual | Google Code)

  3. #3
    Maik Tutorials.de Gastzugang
    Moin,

    ohne jetzt deinen Code gesehen zu haben, deutet deine Beschreibung und der Schnappschuß in meinen Augen stark auf Explorer 6 Duplicate Characters Bug hin.

    Es wäre aber hilfreicher, und der Community gegenüber fair, wenn du zukünftig neben deinen Screenshots auch den dazugehörigen HTML- und CSS-Code, oder den Link zur Problemseite liefern würdest, damit hier keine Raterunden ob der Fehlerursache(n) im Quellcode eröffnet werden, wie schon einst in deinem Thema Komischer Spalt im Firefox 2. Sowas brauchen und wollen wir hier nicht.

    Und weil der IE mittlerweile in verschiedenen Versionen (5.x, 6, 7, 8) im Netz kursiert, die sich in der Interpretation der W3C-Spezifikationen mitunter grundlegend voneinander unterscheiden (viele der altbekannten Bugs, Fehlinterpretationen und Mangelerscheinungen hinsichtlich der W3C-Kompatibiltät im IE5.x und IE6 sind von den Entwicklern im IE7 und IE8 behoben), solltest du die involvierte(n) Version(en) beim Namen nennen, um ihr Teilnehmerfeld einzugrenzen, was dann auch schon mal einen Hinweis für die möglichen Fehlerursache(n) liefern kann.

    Vielen Dank!

    mfg Maik
     

  4. #4
    namiro namiro ist offline Mitglied
    Registriert seit
    Mar 2009
    Beiträge
    21
    Hallo ZodiacXP,

    vielen Dank für die schnelle Antwort.

    Hallo Maik,

    auch vielen Dank für deinen TIpp.
    Und du hast ganz Recht.
    Ich werde mich mal zukünftig aufpassen.

    Zum Problem:
    Habe hier IE6.0, als ich alle comments von HTML rausgenommen habe, geht es einwandfrei.

    Vielen Dank!
     

  5. #5
    Maik Tutorials.de Gastzugang
    Nur der Vollständigkeit halber: Falls die HTML-Kommentare zur Dokumentation, o.ä. weiterhin im Quellcode erwünscht bzw. erforderlich sind, steht für diesen Beispielfall aus dem verlinkten Artikel:
    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta name="author" content="Maik">
    <meta name="date" content="2009-08-23">
    
    <title>tutorials.de | demo_namiro</title>
    
    <style type="text/css">
    <!--
    .demobox {
    width:250px;
    }
    .firstfloat {
    float:left;
    width:200px;
    }
    .secondfloat {
    float:right;
    width:250px;
    }
    -->
    </style>
    
    </head>
    <body>
    
    <div class="demobox" >
    
    <div class="firstfloat">First float</div>
    
    <!-- comment --> <!-- comment --> <!-- comment -->
    <!-- comment --> <!-- comment --> <!-- comment -->
    <!-- comment --> <!-- comment --> <!-- comment -->
    <!-- comment --> <!-- comment --> <!-- comment -->
    <!-- comment --> <!-- comment --> <!-- comment -->
    
    <div class="secondfloat">
    <p>
    Second float
    
    <span>
    
    In IE6 some of this text is replicated in a
    "mystery block element" that starts directly
    below the float. This tan colored float has a
    2px bottom margin which also duplicates into
    the mystery element, getting added to the
    bottom of the text if it is wrapped in a span,
    as it has been here.
    
    <a href="#">Test link</a>
    <img src="pfad/zur/grafik.jpg" alt="" />
    
    </span>
    </p>
    </div> <!-- End of second float -->
    
    <div style="clear: both;">Cleared element</div>
    
    </div> <!-- End of .demobox -->
    
    </body>
    </html>

    einer dieser Lösungsansätze zur Auswahl:
    1. 3px-Gap-Bug-Fix:
      Code :
      1
      2
      3
      4
      5
      6
      
      .secondfloat {
      float:right;
      width:250px;
      [b]margin-left:0 !important;
      margin-left:-3px;[/b]
      }


    2. Conditional Comment:
      Code :
      1
      2
      3
      4
      5
      6
      7
      
      [b]<!--[if !IE]>[/b]
      <!-- comment --> <!-- comment --> <!-- comment -->
      <!-- comment --> <!-- comment --> <!-- comment -->
      <!-- comment --> <!-- comment --> <!-- comment -->
      <!-- comment --> <!-- comment --> <!-- comment -->
      <!-- comment --> <!-- comment --> <!-- comment -->
      [b]<![endif]-->[/b]


    3. hasLayout:
      Code :
      1
      
      <div style="clear: both;[b]height:1%;[/b]">Cleared element</div>

    mfg Maik
     

Ähnliche Themen

  1. Problem mit Div & Float
    Von owned13909 im Forum CSS
    Antworten: 7
    Letzter Beitrag: 03.04.10, 20:21
  2. Antworten: 14
    Letzter Beitrag: 28.09.08, 11:00
  3. Antworten: 0
    Letzter Beitrag: 30.05.07, 15:56
  4. Antworten: 2
    Letzter Beitrag: 01.03.06, 13:43
  5. Antworten: 3
    Letzter Beitrag: 19.11.04, 09:40