PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Shop
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
Div´s lassen sic im FF nicht verschachteln... :(
Beitrag
<blockquote data-quote="Breaker" data-source="post: 695053" data-attributes="member: 74004"><p>Hi,</p><p> </p><p>habe folgendes Problem...</p><p>Meine Seite sieht im IE 7 und auch 6 so aus, wie sie sein soll.</p><p>Nur als ich grad mit dem FF schaute, sah ich, dass im Cntent bzw. Sidebar bereich immer einige weiße flecken übrig bleiben.</p><p>ich habe bereits ausprobiert, das der FF mein DIV "mitte" nicht anzeigt.</p><p>warum, ist mir ein rätsel.</p><p> </p><p>vllt könnt ihr mir helfen...</p><p> </p><p><a href="http://www.futura-design.de" target="_blank">www.futura-design.de</a></p><p> </p><p>hier der code:</p><p>[CODE]<body></p><p> <div id="seite"></p><p> </p><p> <div id="header"><img src="images/header.png" /></div></p><p> </p><p> <div id="bild"><img src="images/bad.jpg" /></div></p><p> </p><p> <div id="navigation"></p><p> <ul id="navi"></p><p> <li class="start"><a href="index.html">Startseite</a></li></p><p> <li><a href="wir.html">Über Uns</a></li></p><p> <li><a href="leistungen.html">Leistungen</a></li></p><p> <li><a href="referenzen.html">Referenzen</a></li></p><p> <li><a href="service.html">Service</a></li></p><p> <li id="active"><a href="partner.html">Partner</a></li></p><p> <li class="ende"><a href="kontakt.html">Kontakt</a></li></p><p> </ul></p><p> </div></p><p> </p><p> <div id="mitte"></p><p> </p><p> <div id="inhalt"></p><p> </p><p> <h1>Partner und Links</h1></p><p> <br /><br /></p><p> </p><p> <table></p><p> <tr></p><p> <td width="350"><strong>Einfach nur Chic</strong><br />Farb- und Stilberatung<br /><br /></p><p> Anja Matuscak<br />Ginsterstraße 13<br />14979 Großbeeren</td></p><p> <td align="center"><img src="images/partner/chic_logo.png" /><br /></p><p> <a href="[URL]http://www.einfachnurchic.de">Website[/URL] besuchen</a></td></p><p> </tr></p><p> </table></p><p> <br /><br /><br /></p><p> <table></p><p> <tr></p><p> <td width="350"><strong>GEDAG</strong><br />Geßner Elektro- und Datentechnik AG<br /><br /></p><p> Andreas Geßner<br />Eichendorffstr. 12<br />85649 Otterloh</td></p><p> <td align="center"><img src="images/partner/gedag_logo.png" /><br /></p><p> <a href="[URL]http://www.gedag.de">Website[/URL] besuchen</a></td></p><p> </tr></p><p> </table></p><p> <br /><br /><br /></p><p> <table></p><p> <tr></p><p> <td width="350"><strong>Praxis Dr. Schäfer / Dr. Lachmann</strong><br />Hausärztliche Gemeinschaftspraxis<br /><br /></p><p> Dr. med. Christian Schäfer<br />Berliner Str. 32<br />14979 Großbeeren</td></p><p> <td align="center"><img src="images/partner/schaefer_logo.png" /><br /></p><p> <a href="[URL]http://www.aerztehaus-grossbeeren.de">Website[/URL] besuchen</a></td></p><p> </tr></p><p> </table></p><p> </p><p> </div></p><p> </p><p> <div id="nebeninformationen"></p><p> <h1>Neuste Referenzen</h1></p><p> <p><img src="images/anja_hp.jpg" id="bild_mit_rahmen" /></p></p><p> <p>Anja Matuscak - Einfach nur Chic</p></p><p> <hr></p><p> <h1>Rückrufservice</h1></p><p> <form action="auswertung_tel_service.php" method="post"></p><p> <img src="images/tel.png" id="tel" /></p><p> <p>Bitte tragen Sie Ihre Telefonnummer ein:</p><br /></p><p> <input type="text" name="vorwahl" size="6" /></p><p> <input type="text" name="nummer" size="15" /></p><p> <input type="submit" value="Abschicken" /></p><p> </form></p><p> <br /><br /><hr /></p><p> </div></p><p> </p><p> </div></p><p> </p><p> <div id="footer"></p><p> <p id="copyright">© 2008 Futura Design</p></p><p> <p id="impressum"><a href="agb.html">AGB</a> | <a href="impressum.html">Impressum</a></p></p><p> </div></p><p> </p><p> </div></p><p></body>[/CODE]</p><p> </p><p>und hier der css code:</p><p> </p><p>[CODE]@charset "utf-8";</p><p>/* CSS Document */</p><p> * {</p><p> margin: 0px;</p><p> padding: 0px;</p><p> font-family: Verdana, Arial, Helvetica, sans-serif;</p><p> font-size: 10px;</p><p> color: #003c56;</p><p> }</p><p> </p><p> body {</p><p> text-align: center;</p><p> background-color: #6695a7;</p><p> margin: 10px;</p><p> }</p><p> </p><p> #seite {</p><p> text-align: left;</p><p> width: 789px;</p><p> background-color: #FFFFFF;</p><p> padding: 3px;</p><p> margin: 10px;</p><p> }</p><p> </p><p> #header {</p><p> clear: both;</p><p> width: 789px;</p><p> margin: 0px;</p><p> }</p><p> </p><p> #sonne {</p><p> clear: both;</p><p> width: 789px;</p><p> margin: 0px;</p><p> }</p><p> </p><p> #navigation, navigation a {</p><p> clear: both;</p><p> width: 789px;</p><p> height: 76px;</p><p> background: #FFFFFF url('images/nav.png') bottom left repeat-x;</p><p> }</p><p> </p><p> #navi li {</p><p> background: #FFFFFF url('images/nav.png') bottom left repeat-x;</p><p> text-decoration: none;</p><p> text-align: center;</p><p> width: 111px;</p><p> height: 76px;</p><p> display: block;</p><p> float:left;</p><p> border-left: 1px solid #003952;</p><p> border-right: 1px solid #c5c5c5;</p><p> }</p><p> </p><p> </p><p> #navi li.start {</p><p> border-left: 0;</p><p> }</p><p> </p><p> #navi li.ende {</p><p> border-right: 0;</p><p> }</p><p> </p><p> #navi li.start#active {</p><p> border-left: 0;</p><p> }</p><p> </p><p> #navi li.ende#active {</p><p> border-right: 0;</p><p> }</p><p> </p><p> #navi li a {</p><p> float: left;</p><p> font-family: Verdana;</p><p> font-size: 12px;</p><p> font-weight: bold;</p><p> color: #FFFFFF;</p><p> text-align: center;</p><p> padding: 55px 0px 7px 0px;</p><p> width:100%;</p><p> text-decoration: none;</p><p> }</p><p> </p><p> #navi li a:hover {</p><p> background: #FFFFFF url('images/nav_hover.png') bottom left repeat-x;</p><p> text-decoration: none;</p><p> float: left;</p><p> font-family: Verdana;</p><p> font-size: 12px;</p><p> font-weight: bold;</p><p> color: #FFFFFF;</p><p> text-align: center;</p><p> }</p><p> </p><p> #navi li a:active {</p><p> background: #FFFFFF url('images/nav_hover.png') bottom left repeat-x;</p><p> text-decoration: none;</p><p> float: left;</p><p> font-family: Verdana;</p><p> font-size: 12px;</p><p> font-weight: bold;</p><p> color: #FFFFFF;</p><p> text-align: center;</p><p> }</p><p> </p><p> #mitte {</p><p> background-color: #e3f6ff;</p><p> width: 789px;</p><p> height: 100%;</p><p> }</p><p> </p><p> #inhalt {</p><p> float: left;</p><p> width: 465px;</p><p> margin-top: 3px;</p><p> background-color: #e3f6ff;</p><p> padding: 10px 30px 10px 10px;</p><p> }</p><p> </p><p> #nebeninformationen {</p><p> float: right;</p><p> width: 264px;</p><p> margin-top: 3px;</p><p> background-color: #e3f6ff;</p><p> padding: 10px;</p><p> }</p><p> </p><p> #nebeninformationen h1 {</p><p> font-family: Verdana, Arial, Helvetica, sans-serif;</p><p> font-size:12px;</p><p> font-weight: bold;</p><p> color: #003952;</p><p> margin-bottom: 10px;</p><p> margin-top: 20px;</p><p> }</p><p> </p><p> #footer {</p><p> clear: both;</p><p> margin-top: 3px;</p><p> width: 789px;</p><p> height: 43px;</p><p> background: #FFFFFF url('images/footer.png') bottom left;</p><p> font-family: Verdana;</p><p> font-size: 10px;</p><p> color: #FFFFFF;</p><p> text-align: center;</p><p> }</p><p> </p><p> #footer p {</p><p> font-family: Verdana;</p><p> font-size: 10px;</p><p> color: #FFFFFF;</p><p> }</p><p> </p><p> #inhalt h1 {</p><p> font-family: Verdana, Arial, Helvetica, sans-serif;</p><p> font-size:16px;</p><p> font-weight: bold;</p><p> color: #003952;</p><p> margin-bottom: 10px;</p><p> margin-top: 20px;</p><p> border-bottom: 2px solid #62c7f2;</p><p> }</p><p> </p><p> #inhalt h2 {</p><p> font-family: Verdana, Arial, Helvetica, sans-serif;</p><p> font-size:12px;</p><p> font-weight: bold;</p><p> color: #286eab;</p><p> margin-bottom: 20px;</p><p> margin-left: 5px;</p><p> }</p><p> </p><p> #inhalt h3 {</p><p> font-family: Verdana, Arial, Helvetica, sans-serif;</p><p> font-size:12px;</p><p> font-weight: bold;</p><p> color: #003952;</p><p> margin-bottom: 10px;</p><p> }</p><p> </p><p> #bild_stefan {</p><p> border: 1px solid #003952;</p><p> float: left;</p><p> margin-right: 10px;</p><p> }</p><p> </p><p> #bild_mit_rahmen {</p><p> border: 1px solid #003952;</p><p> margin-top: 10px;</p><p> margin-bottom: 10px;</p><p> }</p><p> </p><p> hr {</p><p> border-bottom: 1px solid #003952;</p><p> }</p><p> </p><p> #tel {</p><p> float: right;</p><p> }</p><p> </p><p> p.unterschrift {</p><p> font-family: Georgia, "Times New Roman", Times, serif;</p><p> font-size:14px;</p><p> font-weight: bold;</p><p> color: #003952;</p><p> }</p><p> </p><p> #container {</p><p> width: 455px;</p><p> }</p><p> </p><p> legend {</p><p> font-family: Verdana;</p><p> font-size: 10px;</p><p> color: #003c56;</p><p> font-weight: bold;</p><p> }</p><p> </p><p> #kontakt {</p><p> width: 455px;</p><p> }</p><p> </p><p> strong {</p><p> font-size: 12px;</p><p> font-weight: bold;</p><p> }</p><p> </p><p> #impressum {</p><p> text-align: right;</p><p> padding-top: 5px;</p><p> padding-right: 10px;</p><p> }</p><p> </p><p> #impressum a, #impressum a:visited {</p><p> color: #FFFFFF;</p><p> }</p><p> </p><p> #copyright {</p><p> text-align: center;</p><p> padding-top: 10px;</p><p> font-weight: bold;</p><p> }</p><p> </p><p> #leistungen {</p><p> margin-left: 30px;</p><p> }</p><p> </p><p> #logo {</p><p> float: right;</p><p> }</p><p> </p><p> #stefan_wir {</p><p> float: right;</p><p> border: 1px solid #003952;</p><p> }</p><p> </p><p> i {</p><p> color: #FF0000;</p><p> font-weight: bold;</p><p> font-style: normal;</p><p> }[/CODE]</p></blockquote><p></p>
[QUOTE="Breaker, post: 695053, member: 74004"] 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... [URL="http://www.futura-design.de"]www.futura-design.de[/URL] 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>[/CODE] 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; }[/CODE] [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das fünfte Wort!
Antworten
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
Div´s lassen sic im FF nicht verschachteln... :(
Oben