alternative zu div align (und überhaupt Menuaufbau)

[Gunnar Bittersmann]

Hello out there!

font-size: 12px;

Schriftgrößen solltest du nicht in Pixel angeben, sondern in em oder %, oder auch gar keine Angabe machen. Dann sind sie für alle Nutzer ihren Bedürfnissen entsprechend einstellbar.

font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;

Das dürften alles Defaultwerte sein, die Angaben sind also überflüssig.

background-attachment: fixed;
background-color: #CCCCCC;
background-image: none;
background-repeat: no-repeat;
background-position: left 57px;

Da du kein Hintergrundbild, sondern lediglich eine -farbe hast, sind alle Angaben außer jener überflüssig.

text-align:center;

Da hast du doch deine gewünschte Zentrierung! (*)

list-style-type: none;

list-style-type für ein div? Aber lass das mal so stehen, das wirst du gleich brauchen. (**)

top: 0px;
position: static;
left: 50px;

position: static ist ebenfalls default, die Angabe also überflüssig. top und left wirken nur bei von static abweichender position-Eigenschaft, die Angaben sind also auch überflüssig. [CSS2 §9.3]

div class="menu1" id="test"
  div align="center" class="menulinks" Home

Diagnose: klarer Fall von Divitis. Ist aber heilbar:

[code lang=html]<ul class="menu1" id="test"> <!-- brauchst du Klasse und ID? -->
  <li>Home</li>
  <li><a href="foo">Foo</a></li>
</ul>

(**) da die Liste jetzt eine Liste ist, bei der du keine Bullets haben möchtest.

Eine Klasse für alle li ist nicht erforderlich, da du die mit dem http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=Nachfahrenselektor auswählen kannst.

Und wie ersetze ich div align ?

(*) hast du doch schon.

See ya up the road,
Gunnar

PS: Du plenkst.