CSS: horizontal zentrieren
#1
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?
  Zitieren
#2
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*
Write this on my gravestone, write this right on my grave, "To whisky and women, here lies a poor slave".

[Bild: 10_en_btn.gif]

Computer- und Mediensicherheit - FH Hagenberg
Hagenberger Kreis zur Förderung der digitalen Sicherheit
Security Forum
  Zitieren
#3
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 ?(
  Zitieren
#4
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
Write this on my gravestone, write this right on my grave, "To whisky and women, here lies a poor slave".

[Bild: 10_en_btn.gif]

Computer- und Mediensicherheit - FH Hagenberg
Hagenberger Kreis zur Förderung der digitalen Sicherheit
Security Forum
  Zitieren
#5
kannst mal bitte ein beispiel machen zu deinem div-vorschlag?
peile es nicht ganz! :help:
  Zitieren
#6
[code=php]<html>
<body>
<div style="text-align:center;">text</div>
</body>
</html>[/code]
hab das mal ausprobiert - eigentlich sollte das hier reichen
Write this on my gravestone, write this right on my grave, "To whisky and women, here lies a poor slave".

[Bild: 10_en_btn.gif]

Computer- und Mediensicherheit - FH Hagenberg
Hagenberger Kreis zur Förderung der digitalen Sicherheit
Security Forum
  Zitieren
#7
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:
  Zitieren
#8
post bitte mal die seite dann veränder ich sie dir so das es geht Wink
Write this on my gravestone, write this right on my grave, "To whisky and women, here lies a poor slave".

[Bild: 10_en_btn.gif]

Computer- und Mediensicherheit - FH Hagenberg
Hagenberger Kreis zur Förderung der digitalen Sicherheit
Security Forum
  Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 2 Gast/Gäste