|
|||
Problem Zentrierte Listenpunkte
Moin zusammen!
Ich teste gerade ein paar CSS-Sachen und stehe gerade ein wenig auf dem Schlauch: Ich habe in den <div>header eine ul-Liste eingefügt. Aus irgendeinem Grund, werden die Listenpunkte zentriert dargestellt, obwohl ich diese Eigenschaft nicht festgelegt habe. Der HTML-Code sieht so aus: HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/main_ger_wo_navi.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <link href="css.css" rel="stylesheet" type="text/css" /> <!--[if gte IE 5]> <link href="IEcss.css" rel="stylesheet" type="text/css" /> <![endif]--> </head> <body> <div id="center"> <div id="keyframe"> <div id="header" class="header"> <ul id="mainnavi"> <li>Button 1</li> <li>Button 2</li> </ul> </div> <div id="left_container" class="left_container"> <p></p> </div> <div id="main_container" class="main_container"> <p></p> </div> <div id="right_container" class="right_container"> <p></p> </div> <div id="footer" class="footer"> <p></p> </div> <div id="shadow"> </div> </div> </div> </body> </html> Code:
body { font-family:Verdana; font-size:100.01%; } body { background-color:grey; } .header { } ul#mainnavi { /* position */ margin-top:80px; margin-left:130px; /* style */ list-style:none; background-color:blue; } ul#mainnavi li { float:left; } #center { margin:auto; width:800px; height:800px; } #keyframe { position:relative; top:115px; width:800px; height:800px; } #header { /* position */ position:absolute; left:0px; top:0px; z-index:1; /* dimensions */ width:796px; height:116px; /* styles */ -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px; -khtml-border-radius-topleft:20px; -khtml-border-radius-topright:20px; border-style:solid; border-width:2px; border-color:orange; background-color:green; } #left_container { /* position */ position:absolute; top:120px; z-index:1; /* dimensions */ width:126px; height:198px; /* style */ border-bottom-style:solid; border-left-style:solid; border-right-style:solid; border-bottom-width:2px; border-left-width:2px; border-right-width:2px; border-bottom-color:orange; border-left-color:orange; border-right-color:orange; background-color:green; } #main_container { /* position */ position:absolute; left:130px; top:120px; z-index:1; /* dimensions */ width:500px; height:198px; /* style */ border-bottom-style:solid; border-bottom-width:2px; border-bottom-color:orange; background-color:green; } #right_container { /* position */ position:absolute; top:120px; left:630px; z-index:1; /* dimension */ width:166px; height:198px; /* style */ border-left-style:solid; border-bottom-style:solid; border-right-style:solid; border-left-width:2px; border-bottom-width:2px; border-right-width:2px; border-left-color:orange; border-bottom-color:orange; border-right-color:orange; background-color:green; } #footer { /* position */ position:absolute; top:320px; z-index:1; /* dimensions */ width:796px; height:48px; /* style */ border-left-style:solid; border-bottom-style:solid; border-right-style:solid; border-left-width:2px; border-bottom-width:2px; border-right-width:2px; border-left-color:orange; border-bottom-color:orange; border-right-color:orange; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -khtml-border-radius-bottomleft:20px; -khtml-border-radius-bottomright:20px; background-color:green; } #shadow { /* position */ position:absolute; left:5px; top:5px; width:800px; height:370px; background-color:white; -moz-border-radius:20px; -khtml-border-radius:20px; } #mainnavi { float:left; top:5px; width:200px; } Gruß und Vielen Dank Flashbird |
Sponsored Links |
Sponsored Links |
|
||||
So sieht's aus.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit Text neben Navigationsleiste | andi01 | CSS | 6 | 08.06.2011 17:54 |
display: block problem - li zeilenabstände sind zu gross | pascal.w | CSS | 3 | 11.10.2006 16:22 |
Problem bei Div's - zwei mal das gleiche und doch nicht ... | Niriel | CSS | 10 | 09.06.2005 18:39 |
Problem mit einem CSS Layout | nARC | CSS | 20 | 21.05.2005 07:28 |
Problem mit Background-Color im FireFox | to.ni | CSS | 2 | 31.08.2004 12:13 |