|
|||
automatischer abstand im browser
hi ich habe ein Problem.
ich habe in meiner Navigation mehrere links untereinander und hab sie mit border und padding in hübsche boxen eingepackt, allerdings habe ich nun das Problem das bei einigen Browser ein Spalt zwischen den kästen entsteht obwohl ich mit Hilfe des * selectors padding border und margin auf 0px gesetzt habe. Bei firefox ist es 1px zwischen padding und border vom selben Kasten an der oberen Seite, beim inet explorer passt es perfekt und bei google chrome entsteht ein spalt an der Unterseite zwischen dem link und dem darunterliegenden link. Woran kann das liegen? html HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <meta name="author" content="Dragnaros"> <meta name="classification" content="HTML 4.01 de"> <meta name="copyright" content="none"> <meta name="description" content="Homepage"> <meta name="expires" content="none"> <meta name="generator" content="none"> <meta name="robots" content="noindex, nofollow"> <meta http-equiv="content-type" content="txt/html; charset=ISO-8859-1"> <link rel="stylesheet" href="../css/style-01.css" type="text/css"> <link rel="shortcut icon" href="../image/ship.png" type="image/x-icon"> <title>Index</title> </head> <body> <div id="all"> <div id="head"> </div> <div id="nav"> <a href="#">Home</a> <a href="#">Forum</a> <a href="#">Links</a> <a href="#">Kontakt</a> </div> <div id="body"> <div id="window"> <div id="text"> <p>~ Text ~</p> </div> </div> ---> Problem anfang <div id="link"> <div id="link-button"> <a href="#">Link</a> </div> <div id="link-button"> <a href="#">Link</a> </div> <div id="link-button"> <a href="#">Link</a> </div> <div id="link-button"> <a href="#">Link</a> </div> <div id="link-button"> <a href="#">Link</a> </div> <div id="link-button"> <a href="#">Link</a> </div> <div id="link-button"> <a href="#">Link</a> </div> </div> ---> Problem ende <div id="werbung"> <center> <a href="#"><img src="#" alt="#"></a> </center> </div> <div id="werbung"> <br><center> <p>text</p> <br></center> </div> <div id="clear"> <p>text</p> </div> </div> </div> </body> </html> css Code:
body { background:url(../image/bg.jpg); } * { margin:0px; padding:0px; border:0px; } div#all { width:800px; margin:auto; } div#head { background:url(../image/pp.jpg) no-repeat center center; border:2px #000000 solid; border-bottom:0px; height:200px; } div#nav { position:absolute; margin-top:-1.7em; margin-left:0.8em; height:0px; } div#nav a { background:#5b93bf; text-decoration:none; color:#d7c94f; font-size:1.5em; margin-left:0.2em; border:2px #000000 solid; padding:0.2em; } div#nav a:hover { background:#009900; color:#ffec44; } div#body { background:#90a09d; border:2px #000000 solid; min-height:50px; } ---> Problem anfang div#link { background:#000000; width:200px; margin:10px; margin-right:0px; border:2px #000000 solid; border-top:0px; overflow:hidden; } div#link-button { border-top:2px #000000 solid; } div#link-button a { background:#5b93bf; text-decoration:none; color:#d7c94f; padding-left:5px; padding-right:100%; font-size:1.2em; } div#link-button a:hover { background:#009900; color:#ffec44; } ---> Problem ende div#werbung { background:#e5e7c7; width:200px; border:2px #afb014 solid; margin:10px; } div#werbung p { max-width:180px; } div#window { background:#c5c7ae; border:2px #000000 solid; width:558px; float:right; margin:10px; } div#text { margin:5px; } div#clear { border-top:2px #707070 solid; margin:5px 10px 5px 10px; width:776px; clear:both; font-size:0.8em; color:#707070; } div#clear a { color:#7070f0; } div#clear a:hover { color:#0000ff; } Geändert von Dragnaros (07.02.2010 um 17:27 Uhr) |
Sponsored Links |
|
||||
Deine Navigationen sind unsematisch. Wie du sie korrekt, mit Hilfe von Listen aufbaust, erfährst du hier: FAQ.
Wenn du das korrekt umsetzt, verschwindet dein Problem vermutlich ganz automatisch. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Browser an Link anhängen | rs-web | Serveradministration und serverseitige Scripte | 1 | 26.03.2010 18:24 |
Iron Browser | klootzak | Offtopic | 1 | 01.11.2008 00:41 |
Super Browser - Ein Browser alle Engines? | tichy | Ressourcen | 6 | 17.04.2008 00:50 |
[php] Default Browser | lomtas | Serveradministration und serverseitige Scripte | 5 | 14.12.2006 18:48 |
Problem mit Schriftgröße in Tabellen | pospiech | Knowledge Base | 20 | 11.08.2005 00:12 |