Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] CSS Layout wird im IE nicht richtig angezeigt.

Einklappen

Neue Werbung 2019

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

  • [Erledigt] CSS Layout wird im IE nicht richtig angezeigt.

    Hi,

    also ich habe ein Problem, ich habe mir jetzt ein CSS Layout erstellt, oder besser gesagt zumsammengeschnitten. Das Problem, im Mozilla habe ich keine Probleme damit, aber im IE wird es nicht richtig angezeigt und auch viel größer als im Mozilla.
    Vielleicht könnt ihr mir helfen:
    PHP-Code:
    <?php
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""
           "
    http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <
    head>
    <
    title>Zweispaltiges Layout mit fester Breite</title>
    <
    style type="text/css">


      
    body {
        
    colorblackbackground-colorwhite;
        
    font-size100.01%;
        
    font-familyHelvetica,Arial,sans-serif;
        
    margin0padding1em 0;
        
    text-aligncenter;  /* Zentrierung im Internet Explorer */
      
    }

      
    div#Seite {
        
    text-alignleft;    /* Seiteninhalt wieder links ausrichten */
        
    margin0 auto;      /* standardkonforme horizontale Zentrierung */
        
    width85%;
        
    height:500px;
        
    padding0.5em;
        
    border2px ridge silver;
      }
      
    html>body div#Seite {
        
    border-colorgray;  /* Farbangleichung an den Internet Explorer  */
      
    }

    ul {
     list-
    stylenone;
     
    width25%;
     
    border-bottom1px solid #ccc;
     
    font-size:5px;
     
    font-size0.91em;
     
    floatleft;
     
    width10em;
     
    margin0padding0;
     
    border-right1px groove black;
     }

    ul li {
     
    positionrelative;
    }

    ul li a {
     
    displayblock;
     
    text-decorationnone;
     
    color#777;
     
    background#fff; /* IE6 Bug */
     
    padding5px;
     
    border1px solid #ccc;
     
    border-bottom0;
     
    font-size:10px;
    }

    ul li a:hover color#E2144A; background: #f9f9f9; }

    li ul li a padding2px 5px; }

    li:hover ulli.over ul displayblock; }

    div#Inhalt {
        
    margin-left12em;
        
    padding0 1em;
        
    height:500px;
        
    border-left1px groove silver;
    }
    div#Inhalt h1 {
        
    font-size1.5em;
        
    margin0 0 1em;
    }
    div#Inhalt h2 {
        
    font-size1.2em;
        
    margin0 0 1em;
    }
    div#Inhalt p {
        
    font-size:1em;
        
    margin1em 0;
    }


    </
    style>
    </
    head>
    <
    body>

    <
    div id="Seite">
    <
    ul id="nav">[*][url="#"]Home[/url][*][url="#"]About[/url][*][url="#"]Services[/url][*][url="#"]Contact Us[/url][/list]

      <
    div id="Inhalt">
        <
    h1>CSS-basierte Layouts</h1>
        <
    h2>Seite mit fester Breite</h2>
        

    Diese Seite ist hat eine feste Breite von 760px und ist zentriert.</p>
        

    Die 
    Breite ist so gewähltdass in 800px breiten Fenstern nicht horizontal
           gescrollt werden muss und auch ein Ausdruck keine Probleme bereiten sollte
    .</p>
      </
    div>
    </
    div>

    </
    body>
    </
    html>

    ?>


  • #2
    schriftgrößen sind oft unterschiedlcih beim FF und IE...
    sieh der mal das "boxmodell" an.. IE rechnet padding anders als der FF...

    http://www.css4you.de/wsboxmodell/index.html


    mfg Andi

    Kommentar

    Lädt...
    X