Ergebnis 1 bis 8 von 8
  1. 28-01-2007, 21:39 #1
    Avatar von FaFoo
    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;
}
    Zitieren Zitieren
  2. 28-01-2007, 21:43 #2
    Avatar von dkdenz
    dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: <div> im IE zu groß

    Offtopic: http://forum.jswelt.de/tutorials-css...-wahnsinn.html (Der div Wahnsinn...)
    Dirk Klar - Webdesign Lübeck
    Twitter
    G+
    Zitieren Zitieren
  3. 28-01-2007, 21:45 #3
    Avatar von FaFoo
    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.
    Zitieren Zitieren
  4. 28-01-2007, 21:46 #4
    pit-r Guest

    AW: <div> im IE zu groß

    [Noch mehr OT]Immerhin ist <html> nicht in einem div. [/Noch mehr OT]
    Zitieren Zitieren
  5. 28-01-2007, 22:18 #5
    Avatar von FaFoo
    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
    Zitieren Zitieren
  6. 28-01-2007, 22:30 #6
    ein schlauer
    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.
    Zitieren Zitieren
  7. 28-01-2007, 22:33 #7
    pit-r Guest

    AW: <div> im IE zu groß

    DOCTYPE is ja da - dtd aber nich...
    Zitieren Zitieren
  8. 28-01-2007, 22:39 #8
    ein schlauer
    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.
    Zitieren Zitieren
« Vorheriges Thema | Nächstes Thema »

Ähnliche Themen

  1. JavaScript + <div> + drag&drop im Raster + <div> Löschen
    Von Yooda im Forum JavaScript
    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. ordnername und dateiname immer groß geschrieben
    Von sanchez im Forum Windows
    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
  •  

Foren-Regeln