tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
939
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 22.02.06 00:16 #1
    Chosi Chosi ist offline Mitglied Silber
    Registriert seit
    Feb 2002
    Ort
    ffm
    Beiträge
    91
    Hallo zusammen,

    habe ein Problem, welches nach dem Einfügen des DOCTYPE für XHTML 1.1 auftritt.

    HTML-Code:
    <?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

  <body>

    <div style="border: solid 1px black; font-size: 0;">
      <img src="media/components/logo.jpg" width="200" height="65" border="0" alt="Logo" />
    </div>

  </body>

</html>
    Und zwar entsteht auf einmal unterhalb der eingebundenen Grafik eine unerwünschte Lücke zum unteren Rand des Div. Nach dem Einfügen von font-size: 0, ließ sich das Ganze im IE unterbinden, im Firefox jedoch nicht :-/

    Weiß jemand Abhilfe?
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Unerwünschte Lücke zwischen border und Inhalt eines Div-div_problem.jpg  
     
  2. 22.02.06 05:58 #2
    Maik Tutorials.de Gastzugang
    Weise der Grafik die CSS-Eigenschaft display:block zu, und die Lücke wird geschlossen:

    HTML-Code:
    <div style="border: solid 1px black;">
   <img src="media/components/logo.jpg" style="display:block; width:200px; height:65px; border:0;" alt="Logo" />
</div>
     
  3. 22.02.06 12:04 #3
    Chosi Chosi ist offline Mitglied Silber
    Registriert seit
    Feb 2002
    Ort
    ffm
    Beiträge
    91
    Prima,

    so klappt's wunderbar, danke.
     
« border-bottom ausrichten | Tabellenhöhe so groß wie "Monitor" »

Ähnliche Themen

  1. Unerwünschte Lücke im 3-spaltigen Layout
    Von karl123 im Forum CSS
    Antworten: 3
    Letzter Beitrag: 29.11.08, 17:43
  2. [CSS] Wie behebe ich unterhalb des Formulars die unerwünschte Lücke im Textfluss?
    Von Maik im Forum Webmaster FAQ
    Antworten: 0
    Letzter Beitrag: 19.04.08, 04:08
  3. Unerwünschte Border bei JScrollPane entfernen?
    Von DarthShader im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 2
    Letzter Beitrag: 24.04.07, 09:56
  4. Lücke zwischen Bild und Text
    Von paraphan im Forum CSS
    Antworten: 4
    Letzter Beitrag: 04.03.07, 19:14
  5. Lücke zwischen 2 Tabellen
    Von GENESIS2005 im Forum HTML & XHTML
    Antworten: 55
    Letzter Beitrag: 09.07.05, 02:26