Anzeige

Div´s lassen sic im FF nicht verschachteln... :(

Div´s lassen sic im FF nicht verschachteln... :( | PSD-Tutorials.de

Erstellt von Breaker, 30.08.2008.

  1. Breaker

    Breaker Nicht mehr ganz neu hier

    Dabei seit:
    09.02.2007
    Beiträge:
    145
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Photoshop CS6
    Kameratyp:
    Nikon
    Div´s lassen sic im FF nicht verschachteln... :(
    Hi,

    habe folgendes Problem...
    Meine Seite sieht im IE 7 und auch 6 so aus, wie sie sein soll.
    Nur als ich grad mit dem FF schaute, sah ich, dass im Cntent bzw. Sidebar bereich immer einige weiße flecken übrig bleiben.
    ich habe bereits ausprobiert, das der FF mein DIV "mitte" nicht anzeigt.
    warum, ist mir ein rätsel.

    vllt könnt ihr mir helfen...

    www.futura-design.de

    hier der code:
    Code (Text):
    1. <body>
    2.   <div id="seite">
    3.      
    4.     <div id="header"><img src="images/header.png" /></div>
    5.    
    6.     <div id="bild"><img src="images/bad.jpg" /></div>
    7.    
    8.     <div id="navigation">
    9.       <ul id="navi">
    10.         <li class="start"><a href="index.html">Startseite</a></li>
    11.         <li><a href="wir.html">Über Uns</a></li>
    12.         <li><a href="leistungen.html">Leistungen</a></li>
    13.         <li><a href="referenzen.html">Referenzen</a></li>
    14.         <li><a href="service.html">Service</a></li>
    15.         <li id="active"><a href="partner.html">Partner</a></li>
    16.         <li class="ende"><a href="kontakt.html">Kontakt</a></li>
    17.       </ul>
    18.     </div>
    19.    
    20.     <div id="mitte">
    21.    
    22.     <div id="inhalt">
    23.      
    24.       <h1>Partner und Links</h1>
    25.       <br /><br />
    26.      
    27.       <table>
    28.         <tr>
    29.           <td width="350"><strong>Einfach nur Chic</strong><br />Farb- und Stilberatung<br /><br />
    30.               Anja Matuscak<br />Ginsterstraße 13<br />14979 Großbeeren</td>
    31.           <td align="center"><img src="images/partner/chic_logo.png" /><br />
    32.               <a href="[URL]http://www.einfachnurchic.de">Website[/URL] besuchen</a></td>
    33.         </tr>
    34.       </table>
    35.       <br /><br /><br />
    36.       <table>
    37.         <tr>
    38.           <td width="350"><strong>GEDAG</strong><br />Geßner Elektro- und Datentechnik AG<br /><br />
    39.               Andreas Geßner<br />Eichendorffstr. 12<br />85649 Otterloh</td>
    40.           <td align="center"><img src="images/partner/gedag_logo.png" /><br />
    41.               <a href="[URL]http://www.gedag.de">Website[/URL] besuchen</a></td>
    42.         </tr>
    43.       </table>
    44.       <br /><br /><br />
    45.       <table>
    46.         <tr>
    47.           <td width="350"><strong>Praxis Dr. Schäfer / Dr. Lachmann</strong><br />Hausärztliche Gemeinschaftspraxis<br /><br />
    48.               Dr. med. Christian Schäfer<br />Berliner Str. 32<br />14979 Großbeeren</td>
    49.           <td align="center"><img src="images/partner/schaefer_logo.png" /><br />
    50.               <a href="[URL]http://www.aerztehaus-grossbeeren.de">Website[/URL] besuchen</a></td>
    51.         </tr>
    52.       </table>
    53.      
    54.     </div>
    55.    
    56.     <div id="nebeninformationen">
    57.       <h1>Neuste Referenzen</h1>
    58.       <p><img src="images/anja_hp.jpg" id="bild_mit_rahmen" /></p>
    59.       <p>Anja Matuscak - Einfach nur Chic</p>
    60.       <hr>
    61.       <h1>Rückrufservice</h1>
    62.       <form action="auswertung_tel_service.php" method="post">
    63.         <img src="images/tel.png" id="tel" />
    64.         <p>Bitte tragen Sie Ihre Telefonnummer ein:</p><br />
    65.         <input type="text" name="vorwahl" size="6" />
    66.         <input type="text" name="nummer" size="15" />
    67.         <input type="submit" value="Abschicken" />
    68.       </form>
    69.       <br /><br /><hr />
    70.     </div>
    71.    
    72.     </div>
    73.    
    74.     <div id="footer">
    75.       <p id="copyright">© 2008 Futura Design</p>
    76.       <p id="impressum"><a href="agb.html">AGB</a> | <a href="impressum.html">Impressum</a></p>
    77.     </div>
    78.    
    79.   </div>
    80. </body>
    und hier der css code:

    Code (Text):
    1. @charset "utf-8";
    2. /* CSS Document */
    3.     * {
    4.    margin: 0px;
    5.    padding: 0px;
    6.    font-family: Verdana, Arial, Helvetica, sans-serif;
    7.    font-size: 10px;
    8.    color: #003c56;
    9.    }
    10.  
    11.  body {
    12.    text-align: center;
    13.    background-color: #6695a7;
    14.    margin: 10px;
    15.    }
    16.  
    17.  #seite {
    18.    text-align: left;
    19.    width: 789px;
    20.    background-color: #FFFFFF;
    21.    padding: 3px;
    22.    margin: 10px;
    23.    }
    24.    
    25.  #header {
    26.    clear: both;
    27.    width: 789px;
    28.    margin: 0px;
    29.    }
    30.    
    31.  #sonne {
    32.    clear: both;
    33.    width: 789px;
    34.    margin: 0px;
    35.    }
    36.    
    37.  #navigation, navigation a {
    38.    clear: both;
    39.    width: 789px;
    40.    height: 76px;
    41.    background: #FFFFFF url('images/nav.png') bottom left repeat-x;
    42.    }
    43.    
    44.  #navi li {
    45.    background: #FFFFFF url('images/nav.png') bottom left repeat-x;
    46.    text-decoration: none;
    47.       text-align: center;
    48.       width: 111px;
    49.       height: 76px;
    50.       display: block;
    51.       float:left;
    52.    border-left: 1px solid #003952;
    53.    border-right: 1px solid #c5c5c5;
    54.       }
    55.    
    56.    
    57.  #navi li.start {
    58.    border-left: 0;
    59.    }
    60.    
    61.  #navi li.ende {
    62.    border-right: 0;
    63.    }
    64.    
    65.  #navi li.start#active {
    66.    border-left: 0;
    67.    }
    68.    
    69.  #navi li.ende#active {
    70.    border-right: 0;
    71.    }
    72.    
    73.  #navi li a {
    74.    float: left;
    75.    font-family: Verdana;
    76.    font-size: 12px;
    77.    font-weight: bold;
    78.    color: #FFFFFF;
    79.    text-align: center;
    80.    padding: 55px 0px 7px 0px;
    81.    width:100%;
    82.    text-decoration: none;
    83.    }
    84.    
    85.  #navi li a:hover {
    86.    background: #FFFFFF url('images/nav_hover.png') bottom left repeat-x;
    87.    text-decoration: none;
    88.       float: left;
    89.    font-family: Verdana;
    90.    font-size: 12px;
    91.    font-weight: bold;
    92.    color: #FFFFFF;
    93.    text-align: center;
    94.       }
    95.    
    96.  #navi li a:active {
    97.    background: #FFFFFF url('images/nav_hover.png') bottom left repeat-x;
    98.    text-decoration: none;
    99.       float: left;
    100.    font-family: Verdana;
    101.    font-size: 12px;
    102.    font-weight: bold;
    103.    color: #FFFFFF;
    104.    text-align: center;
    105.       }
    106.    
    107.  #mitte {
    108.    background-color: #e3f6ff;
    109.    width: 789px;
    110.    height: 100%;
    111.    }
    112.    
    113.  #inhalt {
    114.    float: left;
    115.    width: 465px;
    116.    margin-top: 3px;
    117.    background-color: #e3f6ff;
    118.    padding: 10px 30px 10px 10px;
    119.    }
    120.    
    121.  #nebeninformationen {
    122.    float: right;
    123.    width: 264px;
    124.    margin-top: 3px;
    125.    background-color: #e3f6ff;
    126.    padding: 10px;
    127.    }
    128.    
    129.  #nebeninformationen h1 {
    130.    font-family: Verdana, Arial, Helvetica, sans-serif;
    131.    font-size:12px;
    132.    font-weight: bold;
    133.    color: #003952;
    134.    margin-bottom: 10px;
    135.    margin-top: 20px;
    136.    }
    137.    
    138.  #footer {
    139.    clear: both;
    140.    margin-top: 3px;
    141.    width: 789px;
    142.    height: 43px;
    143.    background: #FFFFFF url('images/footer.png') bottom left;
    144.    font-family: Verdana;
    145.    font-size: 10px;
    146.    color: #FFFFFF;
    147.    text-align: center;
    148.    }
    149.    
    150.  #footer p {
    151.    font-family: Verdana;
    152.    font-size: 10px;
    153.    color: #FFFFFF;
    154.    }
    155.    
    156.  #inhalt h1 {
    157.    font-family: Verdana, Arial, Helvetica, sans-serif;
    158.    font-size:16px;
    159.    font-weight: bold;
    160.    color: #003952;
    161.    margin-bottom: 10px;
    162.    margin-top: 20px;
    163.    border-bottom: 2px solid #62c7f2;
    164.    }
    165.    
    166.  #inhalt h2 {
    167.    font-family: Verdana, Arial, Helvetica, sans-serif;
    168.    font-size:12px;
    169.    font-weight: bold;
    170.    color: #286eab;
    171.    margin-bottom: 20px;
    172.    margin-left: 5px;
    173.    }
    174.    
    175.  #inhalt h3 {
    176.    font-family: Verdana, Arial, Helvetica, sans-serif;
    177.    font-size:12px;
    178.    font-weight: bold;
    179.    color: #003952;
    180.    margin-bottom: 10px;
    181.    }
    182.    
    183.  #bild_stefan {
    184.    border: 1px solid #003952;
    185.    float: left;
    186.    margin-right: 10px;
    187.    }
    188.    
    189.  #bild_mit_rahmen {
    190.    border: 1px solid #003952;
    191.    margin-top: 10px;
    192.    margin-bottom: 10px;
    193.    }
    194.    
    195.  hr {
    196.    border-bottom: 1px solid #003952;
    197.    }
    198.    
    199.  #tel {
    200.    float: right;
    201.    }
    202.    
    203.  p.unterschrift {
    204.    font-family: Georgia, "Times New Roman", Times, serif;
    205.    font-size:14px;
    206.    font-weight: bold;
    207.    color: #003952;
    208.    }
    209.    
    210.  #container {
    211.       width: 455px;
    212.       }
    213.  
    214.     legend {
    215.       font-family: Verdana;
    216.       font-size: 10px;
    217.       color: #003c56;
    218.       font-weight: bold;
    219.       }
    220.    
    221.  #kontakt {
    222.    width: 455px;
    223.    }
    224.    
    225.  strong {
    226.    font-size: 12px;
    227.    font-weight: bold;
    228.    }
    229.    
    230.  #impressum {
    231.    text-align: right;
    232.    padding-top: 5px;
    233.    padding-right: 10px;
    234.    }
    235.    
    236.  #impressum a, #impressum a:visited {
    237.    color: #FFFFFF;
    238.    }
    239.    
    240.  #copyright {
    241.    text-align: center;
    242.    padding-top: 10px;
    243.    font-weight: bold;
    244.    }
    245.    
    246.  #leistungen {
    247.    margin-left: 30px;
    248.    }
    249.    
    250.  #logo {
    251.    float: right;
    252.    }
    253.    
    254.  #stefan_wir {
    255.    float: right;
    256.    border: 1px solid #003952;
    257.    }
    258.    
    259.  i {
    260.    color: #FF0000;
    261.    font-weight: bold;
    262.    font-style: normal;
    263.  }
     
    #1      
  2. Top_Gun

    Top_Gun Aktives Mitglied

    Dabei seit:
    24.07.2008
    Beiträge:
    965
    Geschlecht:
    männlich
    Div´s lassen sic im FF nicht verschachteln... :(
    AW: Div´s lassen sic im FF nicht verschachteln... :(

    Welches der divs hat denn nen weißen Hintergrund?
    Und warum machst du den nicht auch in hellblau?
     
    #2      
  3. Breaker

    Breaker Nicht mehr ganz neu hier

    Dabei seit:
    09.02.2007
    Beiträge:
    145
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Photoshop CS6
    Kameratyp:
    Nikon
    Div´s lassen sic im FF nicht verschachteln... :(
    AW: Div´s lassen sic im FF nicht verschachteln... :(

    hat sich grad erledigt. habe den andern thread mit 100% höhe gelesen da stand alles drin :)

    thx
     
    #3      
x
×
×
teststefan