zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem Zentrierte Listenpunkte

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.10.2008, 15:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.10.2008
Beiträge: 2
flashbird befindet sich auf einem aufstrebenden Ast
Frage 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>
Und der CSS-Code so:
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;
}
Ich kann den Fehler nicht entdecken. Irgendwer eine Idee?

Gruß und Vielen Dank

Flashbird
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.10.2008, 17:23
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

[FAQ]FAQ[/FAQ] "CSS Prolog".
__________________
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.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.10.2008, 18:06
Neuer Benutzer
neuer user
 
Registriert seit: 01.12.2005
Beiträge: 1
copilot befindet sich auf einem aufstrebenden Ast
Standard

der Text in den <li> ist nicht zentriert, sondern deine <ul> hat noch das Standardpadding, das du noch nicht ausgeschaltet hast.
Mit Zitat antworten
  #4 (permalink)  
Alt 10.10.2008, 18:38
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:47 Uhr.