Ergebnis 1 bis 5 von 5

Thema: IE und border-bottom linie nach einer Grafik

  1. #1
    HTML Newbie
    Registriert seit
    14.08.2013
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard IE und border-bottom linie nach einer Grafik

    Hallo Ihr Wissenden,
    IE ist schrecklich und das ist ja nicht neu . Ich möchte eine simple 3px Linie als Abgrenzung zu einer Grafik darstellen. Der IE fügt jedoch immer 2px zwischen Grafik und Linie mit ein; alle anderen Browser gehen natürlich.

    Die CSS definition für den vertikalen 100% hintergrund benötige ich ( #wrapper ). Als Beispiel habe ich den Hintergrund vom #wrapper hell gemacht, den vom #container gelb und die linie rot. Die Grafik kann eine beliebige sein. Beim IE ist zu sehen, das der Abstand zwischen Grafik und Linie gelb ausgeführt ist, was dann ja den #container zuzuschreiben ist.

    Ich stehe da vor einer M$ Wand... Hat jemand von euch eine Idee was das ist und wie ich das beseitigen kann?

    Daaaanke!
    Karsten


    Folgenden Code (sehr abgestript um das eigentliche Problem zu zeigen ) nutze ich:
    HTML:
    HTML-Code:
    <!--?xml version="1.0" encoding="utf-8"?-->
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" dir="ltr" lang="de-de">
    <head>
    <link rel="stylesheet" href="test.css" type="text/css">
    </head>
    
    <body>
     <div id="wrapper">
       <div id="container">
          <div id="header">
             <img src='biertank.jpg' width="980" height="200" alt="Top-header" Title=""/>
          </div>
           Hier beginnt der Inhalt der Seite
        </div>
     </div>
    </body>
    </html>
    CSS:
    Code:
    html, body {
        margin: 0px;
        padding: 0px;
        font:13px Verdana, Arial, Helvetica, serif;    
        height:100%;
    }
    
    #wrapper {
    
        min-height: 100%;
        background-color:#e7e7e7; 
        height:auto !important;
        height:100%;
        overflow:hidden !important;
    }
    
    #container {
        width:100%;
        background-color:yellow; 
        overflow: hidden;
    }
    
    #header{
        text-align:center;
        height:200px;
        border-bottom:6px solid red;
    }
    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 !!!!!

  2. #2
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: IE und border-bottom linie nach einer Grafik

    Dein Head zwingt den IE in den Quirks-Modus, da wird dann ein anderes Box-Modell verwendet.
    Vor dem Doctype darf nichts stehen, sonst zwingt es den IE in den Quirksmodus.
    Zudem fehlt der Zeichsatz und der Titel.

    Folgender Head funktioniert in allen Browsern:
    HTML-Code:
    <!DOCTYPE html> 
    <html dir="ltr" lang="de-de"> 
    <head>
         <meta charset="UTF-8">
         <title></title>
         <link rel="stylesheet" href="test.css" type="text/css"> 
    </head>
    Geändert von explanator (14.08.2013 um 12:40 Uhr)

  3. #3
    Bandit
    Gast

    Standard AW: IE und border-bottom linie nach einer Grafik

    Versuche es mal mit einem
    Code:
    * { margin: 0; padding: 0; }

  4. #4
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: IE und border-bottom linie nach einer Grafik

    Zitat Zitat von Bandit Beitrag anzeigen
    Versuche es mal mit einem
    Code:
    * { margin: 0; padding: 0; }
    Das sollte man nicht anwenden, da es alle Abstände entfernt und bei manchen Elementen, speziell Formular-Elementen, die Abstände dann nicht mehr hinzugefügt werden können.

    Ein
    HTML-Code:
    /* CSS */
    body {
        margin: 0; 
    }
    reicht aus um den Abstand oben zu entfernen.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    14.08.2013
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: IE und border-bottom linie nach einer Grafik

    AAaaaaaarrrrrgggg!!!!

    Sooooooo viel DAAANKE!!!!!

    Quirks-Modus: Das muss einem doofen ja auch mal gesegt werden was du ja getan hast!

    100000 Danke!

    Gruß
    Karsten

Ähnliche Themen

  1. Auf einer Linie anordnen
    Von Foulfang im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 16.08.2012, 11:43
  2. border-bottom
    Von davidos_no.1 im Forum HTML & CSS Forum
    Antworten: 28
    Letzter Beitrag: 14.11.2008, 16:57
  3. Border-Bottom nicht in Farbe
    Von maple im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 29.11.2006, 09:38
  4. css: border-bottom-color
    Von Rocco im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 03.02.2005, 16:38

Stichworte

Berechtigungen

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