net-board.net Archiv
CSS: horizontal zentrieren - Druckversion

+- net-board.net Archiv (https://net-board.net)
+-- Forum: Deine eigene Homepage (https://net-board.net/forumdisplay.php?fid=26)
+--- Forum: Scriptsprachen (+Datenbanksysteme) (https://net-board.net/forumdisplay.php?fid=19)
+--- Thema: CSS: horizontal zentrieren (/showthread.php?tid=5034)



CSS: horizontal zentrieren - marlem - 05.05.2005

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

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

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

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

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


- kickedINtheHEAD - 08.05.2005

[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

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

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