|
|||
Abstand zwischen divs
Hallo,
ich hab wieder mal ein Problem mit einem Abstand. IE und Opera passen, nur FF macht einen Abstand. Wie im Bild zu sehen soll der Abstand zwischen Korb und Menu nicht vorhanden sein. Gebe ich dem div "menu" padding:1px macht FF auch 1px, gebe ich padding:0 dann macht mir FF den Abstand. Danke für eure Hilfe Heinz Code:
<div id="center"><div id="header"><img src="menu_left1.jpg" width="200" height="160" alt="Korb" border="0" style="float:left"> <img src="main_right1.jpg" width="440" height="160" alt="Logo" border="0"><br clear="all"></div> <div id="menu"> <ul id="navi"> <li><a href="index.htm">Home</a></li> <li><a href="unternehmen.htm">Unternehmen</a></li> <li><a href="anfahrt.htm">Anfahrt</a></li> <li><a href="öffnung.htm">Öffnungszeiten</a></li> <li><a href="sortiment.htm">Sortiment</a></li> <li><a href="schnäppchen.htm">Schnäppchen</a></li> <li><a href="vorschau.htm">Vorschau</a></li> <li><a href="lieferung.htm">Lieferung</a></li> <li><a href="kontakt.htm">Kontakt</a></li> </ul> <h1>Marek´s Geschenkkörbe für jeden Anlass</h1> <p>Eine Vorschau auf Advent und Weihnachten finden Sie <a href="vorschau.htm">hier</a></p> <img src="menu_middle.jpg" width="160" height="100" alt="Korb" border="0" style="margin-top:10px"><br clear="all"> </div> <div id="middle"> <img src="lokal_kl.jpg" width="400" alt="Geschäft" height="300" border="0"> <p><strong>Adresse:</strong> ....</p> <p><strong>PLZ/Ort:</strong> ....</p> <p><strong>Telefon:</strong> ....</p> <p><strong>Email:</strong> siehe <a href="kontakt.htm">Kontaktformular</a></p><br clear="all"></div></div> Code:
html,body { height:100%; margin:0; padding:0; text-align:center; background-color: #666666; font-size: 1em; font-family: Helvetica, sans-serif;} #center { height:100%; width:640px; margin: 0 auto 0 auto; background-color:#CCCCCC;} #menu {margin:0; padding:0; } #navi { background-color: #333333; float:left; border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; } ul#navi { margin:0; padding:0; list-style:none; text-align:left; width:25%; font-color: white; } ul#navi a { padding: 5px; color:#ffffff; text-decoration: none; border-bottom: 1px solid black; display:block; } ul#navi a:visited { color: #000000; text-decoration: none; } ul#navi a:hover { color: #aaaaaa; text-decoration: underline; } #middle { margin:0; padding-top:10px; background-color: #9c9c9c; font-style:Franklin Gothic Demi} |
Sponsored Links |
|
||||
hast dus schon so probiert?
Code:
* {padding:0px; margin:0px;}
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Unbekannte Anzahl Divs in Liste anordnen und horizontal und vertikal zentrieren | Alien | CSS | 17 | 20.03.2011 10:23 |
Fullscreen Container mit internen divs | purewhite | (X)HTML | 1 | 02.11.2009 15:24 |
n Div's in eine Zeile | Mustangore | CSS | 9 | 20.08.2009 15:19 |
Divs nebeneinander, aber mittig | RomanM | CSS | 2 | 24.10.2007 06:32 |
Browser-Problem bei Positionierung von DIVs | mickropixel | CSS | 3 | 20.09.2004 16:25 |