Höhe IE <-> FFox

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Höhe IE <-> FFox

    Hi,

    ich programmiere gerade eine Homepage und versuche mich dabei erstmals mit CSS. Die Seite steht auch soweit, nur habe ich das Problem, dass die Site im IE (und auch Opera) länger ist als beim Firefox (so soll die seite auch aussehen).

    Hier mal der Code:
    PHP-Code:
    <html>
    <
    head>
    <
    title>Untitled Document</title>
    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <
    style type="text/css">
     
    body {
        
    background-color:#EAEAEA;
        
    margin:0padding:0px 0;
        
    text-align:center;  /* Zentrierung im Internet Explorer */
      
    }
      
        
    div#Seite {
        
    text-alignleft;    /* Seiteninhalt wieder links ausrichten */
        
    margin0 auto;      /* standardkonforme horizontale Zentrierung */
        
    width700px;
        
    height600px;
        
    padding0;
        
    background#EAEAEA url(images/hp_all.jpg);
        
    border0px;
        }


      
    div#header {
        
    width700pxheight160px;
         
    padding0;
    }

        
    div#Inhalt {
      
    font-size11px
        
    width475px;
         
    padding0;
         
    height:380px;
         
    margin0 0 1em 1em;
         
    margin-left60px;
     }

     * 
    html div#Inhalt {  /* Korrekturen fuer IE 5.x */
        
    width475px;
        
    w\idth475px;
        
    padding0;
           }
           
      
    div#unten {
        
    width700pxheight30px;
         
    padding0;
    }

        
    div#navi {
    font-size11px
        
    font-familyVerdana;
        
    colorwhite;
        
    text-alignleft
        
    width475px;
         
    padding0;
         
    line-height:20px;
         
    height:20px;
         
    margin0 0 1em 1em;
         
    margin-left60px;
    }

     * 
    html div#navi {  /* Korrekturen fuer IE 5.x */
        
    width475px;
        
    w\idth475px;
        
    padding0;
           }

    </
    style>


    </
    head>

    <
    body>
    <
    div id="Seite">
    <
    div id="header"></div>
    <
    div id="Inhalt"><iframe height="380" width="475" src="test.html" scrolling="auto" frameborder="0">
    </
    iframe>
    </
    div>
    <
    div id="unten"></div>
    <
    div id="navi">navigation</div>
    </
    div>
    </
    body>
    </
    html
    (sorry ich weiß nicht genau wo der Fehler liegt, deswegen der ganze Code).

    Hier die URL http://www.tsv-soccerkids.de/hp/hp2.html

    Was auch "erstaunlich" ist: Wenn ich die Höhen der einzelnen styles zusammenrechne, komm ich auf 590 und nicht auf 600...

    Fdot

  • #2
    du solltest als erstes mal eine doctype-definition angeben, ansonsten fangen die browser an, zu raten.

    gruß
    peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      Original geschrieben von Kropff
      du solltest als erstes mal eine doctype-definition angeben, ansonsten fangen die browser an, zu raten.

      gruß
      peter
      Vielen Dank, hat geklappt!

      Kommentar

      Lädt...
      X