|
|||
Unterschied IE und Firefox beim Darstellen von CSS
Hallo,
ich habe ein Problem beim Design, und zwar sieht die Navigation im IE und Firefox unterschiedlich aus. CSS: Code:
body { margin:0px; padding:0px; font-family:verdana, arial, helvetica, sans-serif; color:#333; background-color:white; } h1 { margin:0px 0px 15px 0px; padding:0px; font-size:28px; line-height:28px; font-weight:900; color:#ccc; } p { font:11px/20px verdana, arial, helvetica, sans-serif; margin:0px 0px 16px 0px; padding:0px; } #Content>p {margin:0px;} #Content>p+p {text-indent:30px;} a { color:#09c; font-size:11px; text-decoration:none; font-weight:600; font-family:verdana, arial, helvetica, sans-serif; } a:link {color:#09c;} a:visited {color:#07a;} a:hover {background-color:#eee;} #Header { margin:10px 0px 10px 0px; padding:10px 0px 0px 20px; /* F�/Win height = [correct height] + [top padding] + [top and bottom border widths] */ height:33px; /* 14px + 17px + 2px = 33px */ border-style:solid; border-color:black; border-width:1px 0px; /* top und bottom borders: 1px; left und right borders: 0px */ line-height:11px; background-color:#eee; voice-family: "\"}\""; voice-family:inherit; height:14px; /* Die echte H�*/ } body>#Header {height:70px;} #Content { margin:0px 210px 50px 10px; padding:10px; font-family:Verdana; font-size:12px; } #navigation { position:absolute; top:100px; right:20px; width:172px; padding:10px; background-color:#eee; border:1px dashed #999; line-height:17px; voice-family: "\"}\""; voice-family:inherit; width:150px; } body>#navigation {width:150px;} /* Suche */ .sform { color:#666666; font-weight:bold; font-size:12px;font-family:Arial, sans-serif} Code:
<div id="navigation"> Hilfe Datenschutz Impressum <form method="post" action="/suche/suche.php"/><input type="text" name="search_exp" style="height: 13px; width: 75px" size="30" class="sform" onfocus="this.value=\'\'" value="Neue Suche"/><input type="image" src="/gfx/button-such.gif" alt="Finden" class="sbutton"/><input type="hidden" name="exp_full" value="no" checked="checked"/><input type="hidden" name="exp_capital" value="no" checked="checked"/> Test Test |
Sponsored Links |
|
|||
Re: Unterschied IE und Firefox beim Darstellen von CSS
Zitat:
Setz mal mit dem Universalselektor * {margin:0; padding:0;} am Anfang des CSS alle Randabstände auf Null. Grüße fricca |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
keine CSS Eigenschaften im Firefox erkannt | Hansebas | CSS | 3 | 17.09.2018 11:08 |
Firefox ignoriert Kaskade im CSS | Woogie | CSS | 15 | 08.02.2017 12:33 |
Firefox 3.5 zeigt Linien wo keine sind - CSS Einstellung? | EPMS | CSS | 7 | 23.07.2009 14:15 |
CSS Interpretation Firefox und IE - Grundgerüsst verzerrt | EvilGeorge | CSS | 2 | 26.10.2005 13:22 |
css, height: 100%, border, firefox und andere Probleme | cynocephalus | CSS | 4 | 13.08.2005 17:25 |