CSS: horizontal zentrieren

marlem · 05.05.2005, 07:11

Hallo Netboardler,

ich habe eine CSS-Frage und vieleicht wißt ihr die lösung!

ich habe folgendes gebastelt:

Code:
.Kasten{font-size:110%;font-family:Verdana, Arial, Helvetica,

       sans-serif; color:white; background-color:#6098ff; width:80%;

        border-style:solid;border-color:black;border-width:1;}

diesen Kasten hätte ich nun innerhalb der html-seite gerne horizontal zentriert!

das waren bisher meine Versuche:

Code:
<div class="Kasten" align="center">

<ul>

<li>

Besuch der Schule für Mode und industrielle Fertigungstechnik

</li>

</ul>

</div>

oder

Code:
.Kasten{font-size:110%;font-family:Verdana, Arial, Helvetica,

        sans-serif; color:white; background-color:#6098ff; width:80%;

        border-style:solid;border-color:black;border-width:1; align:center}

klappt aber beides nicht!
geht es überhaupt?

außerdem suche für diese seite
http://www.marlem-software.de/behindirh.html

noch gute links zum thema css! weiß da jemand was?

kickedINtheHEAD · 05.05.2005, 11:32

hoi kleiner tipp dann schaffst es sicher selber
bei css gibts kein align mehr - das nennt sich text-align Wink

ajo fallst mal zeit hättest schau dir bitte mal http://www.project-scene.net.tf/ an
erfüllt eigentlich alle regeln von barrierefreiem webdesign - aber ich hab keine ahnung obs deshalb auch wirklich zugänglich ist
der internet explorer macht zwar a paar probleme aber die sind au egal *fg*

marlem · 05.05.2005, 12:08

tach,

text-align zentriert doch sicher den text IM kasten,
ich möchte aber den ganzen kasten zentrieren, so wie man es bei einer tabelle machen kann!

zu deiner seite!
mm... hast du relative schriftgrößen benuzt?
meiner meinung nach nicht, wenn ich bei ie bei schriftgrad rum spiele verändert sich nichts!
und keiner der links funktioniert ?(

kickedINtheHEAD · 05.05.2005, 12:31

du machst einfach zwei divs

a div rund herum wo du das text-align: center rein gibst
und darin das eigentliche div Wink

najo die seite ist für browser optimiert die xhtml vollständig unterstützen wie firefox oder opera - net internet explorer Wink

links sind au noch keine gesetzt is nur ne test version

\\edit
oder noch ne bessere idee
gibt dem body den wert text-align: center
is glaub ich das geschickteste

marlem · 07.05.2005, 16:47

kannst mal bitte ein beispiel machen zu deinem div-vorschlag?
peile es nicht ganz! :help:

kickedINtheHEAD · 08.05.2005, 15:05

[code=php]<html>
<body>
<div style="text-align:center;">text</div>
</body>
</html>[/code]
hab das mal ausprobiert - eigentlich sollte das hier reichen

marlem · 10.05.2005, 21:59

es ging ja um den kasten!
habe die neuauflage von dem hier seid heute:
http://www.css-praxis.de/

da steht drin, dass wenn du das text-align im body machst:

Code:
body {background-image: url(titelblatt2.jpg);

      background-repeat: no-repeat;

      background-position: center;

      text-align: center;}

Code:
<div class="Kasten">

<ul>

<li>

Besuch der Schule für Mode und industrielle Fertigungstechnik

</li>

</ul>

</div>

dann klappt es! und ich habe es erfolgreich getestet!
aber ich möchte ja es nicht überall haben :dontknow:

kickedINtheHEAD · 15.05.2005, 09:42

post bitte mal die seite dann veränder ich sie dir so das es geht Wink

Login




Merken Passwort vergessen?