Ergebnis 1 bis 8 von 8
  1. #1
    Avatar von FaFoo
    FaFoo ist offline Jungspund
    registriert
    13-11-2006
    Beiträge
    19

    <div> im IE zu groß

    Hi,

    Es gibt mal wieder ein Problem mit dem IE. Ich habe auch schon die Suchfunktion benutzt aber nichts gefunden was mir wirklich weiterhelfen konnte. :/

    In einer Menübox trenne in die einzelnen untereinanderstehenden Links durch eine Grafik die ich in einem <div> als Hintergrund eingebunden habe. Die Grafik ist 7px hoch, dem <div> habe ich somit auch diese Höhe zugewiesen. Im Internet Explorer ist das div aber viel zu hoch und die Grafik wird wiederholt, es sei denn ich verhindere das Wiederholen in der css-Datei.

    Anschauen könnt ihrs euch hier:
    (der Webspace ist z.Z. sehr langsam, sry)

    Kumbaya

    Würd mich freuen wenn jemand weiterhilft. Smile

    Hier der Quelltext:

    index.html
    PHP-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <
    html>

    <!--====================-->

    <
    head>
    <
    title>Kumbaya</title>
    <
    link rel="stylesheet" href="style.css" type="text/css">
    </
    head>

    <!--====================-->

    <
    body>

    <!------------------------>

    <
    div id="navi1">
        <
    div class="link1"><a href="">Men&uuml;punkt</a></div>
        <
    div class="link1"><a href="">Men&uuml;punkt</a></div>
        <
    div class="link1aktivbgl"></div>
        <
    div class="link1aktiv"><a href="">Men&uuml;punkt</a></div>
        <
    div class="link1aktivbgr"></div>
        <
    div class="link1"><a href="">Men&uuml;punkt</a></div>
        <
    div class="link1"><a href="">Men&uuml;punkt</a></div>
    </
    div>

    <!------------------------>

    <
    div id="content">
       <
    div style="height:15px;"></div>
       <
    div id="navi2">
          <
    div class="navi2oben"></div>
          <
    div class="link2"><a href="">Men&uuml;punkt</a></div>
           <
    div class="navi2trenner"></div>
          <
    div class="link2"><a href="">Men&uuml;punkt</a></div>
           <
    div class="navi2trenner"></div>
          <
    div class="link2"><a href="">Men&uuml;punkt</a></div>
           <
    div class="navi2trenner"></div>
          <
    div class="link2"><a href="">Men&uuml;punkt</a></div>
           <
    div class="navi2trenner"></div>
          <
    div class="link2"><a href="">Men&uuml;punkt</a></div>
          <
    div class="navi2unten"></div>
       </
    div>
       <
    div style="height:15px;"></div>
    </
    div>
    </
    body>
    </
    html
    style.css
    Code:
    #navi1 {
    width:               793px;
    height:               28px;
    max-height:            28px;
    background-image:      url("img/navi1bg.gif");
    }
    
    .link1 {
    float:               left;
    height:               28px;
    padding-top:         5px;
    }
    
    .link1 a {
    color:               #DD0000;
    font-family:         Microsoft Sans Serif;
    font-size:            12px;
    text-decoration:      none;
    padding-left:         5px;
    padding-right:         5px;
    }
    
    .link1 a:hover {
    background-color:      #DDAA00;
    padding-bottom:         3px;
    }
    
    .link1aktiv {
    float:               left;
    height:               28px;
    padding-left:         5px;
    padding-right:         5px;
    line-height:         2.1;
    background-image:      url("img/link1aktivbg.gif");
    }
    
    .link1aktiv a{
    color:               #DD0000;
    font-family:         Microsoft Sans Serif;
    font-size:            12px;
    text-decoration:      none;
    }
    
    .link1aktivbgl {
    width:               1px;
    height:               28px;
    background-image:      url('img/link1aktivbgr.gif');
    float:left;
    }
    
    .link1aktivbgr {
    width:               2px;
    height:               28px;
    background-image:      url('img/link1aktivbgr.gif');
    float:left;
    }
    
    #content {
    width:               793px;
    background-color:      #DDAA00;
    }
    
    #navi2 {
    width:               133px;
    margin-left:          5px;
    background-color:      #DDDD00;
    }
    
    .navi2oben {
    width:               133px;
    height:               32px;
    background-image:      url("img/navi2oben.gif");
    }
    
    .navi2unten {
    width:               133px;
    height:               32px;
    background-image:      url("img/navi2unten.gif");
    }
    
    .navi2trenner {
    width:               133px;
    height:               7px;
    background-image:      url("img/navi2trenner.gif");
    background-repeat:      no-repeat;
    }
    
    .link2 {
    height:               28px;
    padding-right:         8px;
    text-align:            right;
    background-image:      url("img/navi2bg.gif");
    }
    
    .link2 a {
    color:               #DD0000;
    font-family:         Microsoft Sans Serif;
    font-size:            12px;
    text-decoration:      none;
    padding-left:         5px;
    padding-right:         5px;
    }
    .link2 a:hover {
    background-color:      #DDAA00;
    }

  2. #2
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

  3. #3
    Avatar von FaFoo
    FaFoo ist offline Jungspund
    registriert
    13-11-2006
    Beiträge
    19

    AW: <div> im IE zu groß

    Schuldigung, hatte aber auch vorher gesucht in mehreren Foren nur nicht genau das gefunden was mir weiterhilft. Aber danke, ich les es mir gleich durch.

  4. #4
    pit-r Guest

    AW: <div> im IE zu groß

    [Noch mehr OT]Immerhin ist <html> nicht in einem div. [/Noch mehr OT]

  5. #5
    Avatar von FaFoo
    FaFoo ist offline Jungspund
    registriert
    13-11-2006
    Beiträge
    19

    AW: <div> im IE zu groß

    Ok, habs mir durchgelesen. Sehr interessant und hilfreich!
    Danke

  6. #6
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: <div> im IE zu groß

    ohne mir das lange anzuschauen, das Erste was du ändern solltest, dem Dokument einen DOCTYPE spendieren, damit die Seit nicht im Quirksmode angezeigt wird.

  7. #7
    pit-r Guest

    AW: <div> im IE zu groß

    DOCTYPE is ja da - dtd aber nich...

  8. #8
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: <div> im IE zu groß

    stimmt, hatte nur gesehen dass die Seite im Quirksmode ist.

Ähnliche Themen

  1. Antworten: 2
    Letzter Beitrag: 22-07-2006, 22:08
  2. Buchstabe auslesen und groß schreiben
    Von Kampf_Frettchen im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 11-04-2006, 09:36
  3. <div> and <div> ausrichten
    Von Net_HAns im Forum CSS und (X)HTML
    Antworten: 3
    Letzter Beitrag: 18-07-2005, 20:19
  4. Antworten: 2
    Letzter Beitrag: 18-07-2004, 20:54
  5. Wie groß ist die Datenbank?
    Von brainshock im Forum Smalltalk
    Antworten: 6
    Letzter Beitrag: 21-02-2004, 16:47

Lesezeichen

Berechtigungen

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