Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Div´s lassen sic im FF nicht verschachteln... :(“

Breaker

Nicht mehr ganz neu hier

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:
<body>
  <div id="seite">
     
    <div id="header"><img src="images/header.png" /></div>
    
    <div id="bild"><img src="images/bad.jpg" /></div>
   
    <div id="navigation">
      <ul id="navi">
        <li class="start"><a href="index.html">Startseite</a></li>
        <li><a href="wir.html">Über Uns</a></li>
        <li><a href="leistungen.html">Leistungen</a></li>
        <li><a href="referenzen.html">Referenzen</a></li>
        <li><a href="service.html">Service</a></li>
        <li id="active"><a href="partner.html">Partner</a></li>
        <li class="ende"><a href="kontakt.html">Kontakt</a></li>
      </ul>
    </div>
    
    <div id="mitte">
    
    <div id="inhalt">
      
      <h1>Partner und Links</h1>
      <br /><br />
      
      <table>
        <tr>
          <td width="350"><strong>Einfach nur Chic</strong><br />Farb- und Stilberatung<br /><br />
              Anja Matuscak<br />Ginsterstraße 13<br />14979 Großbeeren</td>
          <td align="center"><img src="images/partner/chic_logo.png" /><br />
              <a href="[URL]http://www.einfachnurchic.de">Website[/URL] besuchen</a></td>
        </tr>
      </table>
      <br /><br /><br />
      <table>
        <tr>
          <td width="350"><strong>GEDAG</strong><br />Geßner Elektro- und Datentechnik AG<br /><br />
              Andreas Geßner<br />Eichendorffstr. 12<br />85649 Otterloh</td>
          <td align="center"><img src="images/partner/gedag_logo.png" /><br />
              <a href="[URL]http://www.gedag.de">Website[/URL] besuchen</a></td>
        </tr>
      </table>
      <br /><br /><br />
      <table>
        <tr>
          <td width="350"><strong>Praxis Dr. Schäfer / Dr. Lachmann</strong><br />Hausärztliche Gemeinschaftspraxis<br /><br />
              Dr. med. Christian Schäfer<br />Berliner Str. 32<br />14979 Großbeeren</td>
          <td align="center"><img src="images/partner/schaefer_logo.png" /><br />
              <a href="[URL]http://www.aerztehaus-grossbeeren.de">Website[/URL] besuchen</a></td>
        </tr>
      </table>
      
    </div>
    
    <div id="nebeninformationen">
      <h1>Neuste Referenzen</h1>
      <p><img src="images/anja_hp.jpg" id="bild_mit_rahmen" /></p>
      <p>Anja Matuscak - Einfach nur Chic</p>
      <hr>
      <h1>Rückrufservice</h1>
      <form action="auswertung_tel_service.php" method="post">
        <img src="images/tel.png" id="tel" />
        <p>Bitte tragen Sie Ihre Telefonnummer ein:</p><br />
        <input type="text" name="vorwahl" size="6" />
        <input type="text" name="nummer" size="15" />
        <input type="submit" value="Abschicken" />
      </form>
      <br /><br /><hr />
    </div>
    
    </div>
    
    <div id="footer">
      <p id="copyright">© 2008 Futura Design</p>
      <p id="impressum"><a href="agb.html">AGB</a> | <a href="impressum.html">Impressum</a></p>
    </div>
    
  </div>
</body>

und hier der css code:

Code:
@charset "utf-8";
/* CSS Document */
    * {
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #003c56;
   }
 
 body {
   text-align: center;
   background-color: #6695a7;
   margin: 10px;
   }
 
 #seite {
   text-align: left;
   width: 789px;
   background-color: #FFFFFF;
   padding: 3px;
   margin: 10px;
   }
   
 #header {
   clear: both;
   width: 789px;
   margin: 0px;
   }
   
 #sonne {
   clear: both;
   width: 789px;
   margin: 0px;
   }
   
 #navigation, navigation a {
   clear: both;
   width: 789px;
   height: 76px;
   background: #FFFFFF url('images/nav.png') bottom left repeat-x;
   }
   
 #navi li {
   background: #FFFFFF url('images/nav.png') bottom left repeat-x;
   text-decoration: none;
      text-align: center;
      width: 111px;
      height: 76px;
      display: block;
      float:left;
   border-left: 1px solid #003952;
   border-right: 1px solid #c5c5c5;
      }
   
   
 #navi li.start {
   border-left: 0;
   }
   
 #navi li.ende {
   border-right: 0;
   }
   
 #navi li.start#active {
   border-left: 0;
   }
   
 #navi li.ende#active {
   border-right: 0;
   }
   
 #navi li a {
   float: left;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   text-align: center;
   padding: 55px 0px 7px 0px;
   width:100%;
   text-decoration: none;
   }
   
 #navi li a:hover {
   background: #FFFFFF url('images/nav_hover.png') bottom left repeat-x;
   text-decoration: none;
      float: left;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   text-align: center;
      }
   
 #navi li a:active {
   background: #FFFFFF url('images/nav_hover.png') bottom left repeat-x;
   text-decoration: none;
      float: left;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
   text-align: center;
      }
   
 #mitte {
   background-color: #e3f6ff;
   width: 789px;
   height: 100%;
   }
   
 #inhalt {
   float: left;
   width: 465px;
   margin-top: 3px;
   background-color: #e3f6ff;
   padding: 10px 30px 10px 10px;
   }
   
 #nebeninformationen {
   float: right;
   width: 264px;
   margin-top: 3px;
   background-color: #e3f6ff;
   padding: 10px;
   }
   
 #nebeninformationen h1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight: bold;
   color: #003952;
   margin-bottom: 10px;
   margin-top: 20px;
   }
   
 #footer {
   clear: both;
   margin-top: 3px;
   width: 789px;
   height: 43px;
   background: #FFFFFF url('images/footer.png') bottom left;
   font-family: Verdana;
   font-size: 10px;
   color: #FFFFFF;
   text-align: center;
   }
   
 #footer p {
   font-family: Verdana;
   font-size: 10px;
   color: #FFFFFF;
   }
   
 #inhalt h1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:16px;
   font-weight: bold;
   color: #003952;
   margin-bottom: 10px;
   margin-top: 20px;
   border-bottom: 2px solid #62c7f2;
   }
   
 #inhalt h2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight: bold;
   color: #286eab;
   margin-bottom: 20px;
   margin-left: 5px;
   }
   
 #inhalt h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight: bold;
   color: #003952;
   margin-bottom: 10px;
   }
   
 #bild_stefan {
   border: 1px solid #003952;
   float: left;
   margin-right: 10px;
   }
   
 #bild_mit_rahmen {
   border: 1px solid #003952;
   margin-top: 10px;
   margin-bottom: 10px;
   }
   
 hr {
   border-bottom: 1px solid #003952;
   }
   
 #tel {
   float: right;
   }
   
 p.unterschrift {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size:14px;
   font-weight: bold;
   color: #003952;
   }
   
 #container {
      width: 455px;
      }
  
    legend {
      font-family: Verdana;
      font-size: 10px;
      color: #003c56;
      font-weight: bold;
      }
   
 #kontakt {
   width: 455px;
   }
   
 strong {
   font-size: 12px;
   font-weight: bold;
   }
   
 #impressum {
   text-align: right;
   padding-top: 5px;
   padding-right: 10px;
   }
   
 #impressum a, #impressum a:visited {
   color: #FFFFFF;
   }
   
 #copyright {
   text-align: center;
   padding-top: 10px;
   font-weight: bold;
   }
   
 #leistungen {
   margin-left: 30px;
   }
   
 #logo {
   float: right;
   }
   
 #stefan_wir {
   float: right;
   border: 1px solid #003952;
   }
   
 i {
   color: #FF0000;
   font-weight: bold;
   font-style: normal;
 }
 

Top_Gun

Aktives Mitglied

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?
 

Breaker

Nicht mehr ganz neu hier

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
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
174.479
Beiträge
2.578.001
Mitglieder
65.969
Neuestes Mitglied
_djpanda_
Oben