| Autor |
Nachricht |
miras
Threadersteller
Dabei seit: 19.05.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 23.11.2005 08:26
Titel ccs->positionieren->mittig |
  |
|
Hallo,
ich versuch grad eine Website ohne Tabellen zu gestalten, nur mit <div>.Hab die eigentliche Webite in einem DIV mit festen Größenangaben (500,300), das klappt auch soweit. Nun will ich dieses DIV aber mittig positionieren. Aber das klappt leider nicht. Hab jetzt ein DIV drumherumgelegt, aber komme trotzdem nicht weiter:-(((Habe jetzt schon diverse Seiten durchsucht finde aber einfach nicht die Befehle die mir das ermöglichen. Ich kann über all feste Angaben machen, aber da die Browsergröße immer variiert, bringt mich das nicht weiter. Benutze ich z.B.left 50% setzt er mir ja die Anfangskante erst bei 50%, also ist das wieder nicht mittig, nehme ich vertical-align:50% passiert gar nichts.
Welchen Befehl nutze ich da? Wie gesagt es ist alles Neuland für mich.
hier der vereinfachte Code, die grüne Box soll in die Mitte.
| Code: |
<div style="background-color:blue;width:100%;height:100%;vertical-align:middle;">
<div style="position:absolute;background-color:green;blue;width:500px;height:300px;">
blabla
</div>
</div> |
Vielen Dank schonmal.
lg die miras
Zuletzt bearbeitet von miras am Mi 23.11.2005 08:28, insgesamt 2-mal bearbeitet
|
|
| |
  |
 |
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: 
|
|
| |
|
|
miras
Threadersteller
Dabei seit: 19.05.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 23.11.2005 09:32
Titel
|
|
|
danke schonmal, hab auch was gefunden was geholfen hat. Es funktioniert mit diesen negativen margin Werten, in einem der ARtikel hab ich aber gelesen das sich das mit margin-right:auto und margin-left:auto auch realisieren lässt. Hab das jetzt mal probiert, weil ich das besser finden würde aber leider funzt das nicht 
was mach ich da falsch:
| Code: |
<div style="position:absolute;background-color:green;blue;width:500px;height:300px;margin-right:auto;margin-left:auto">
blabla
</div> |
vielen dank
|
|
| |
|
|
Nimroy
Moderator
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 30
Geschlecht:
|
Verfasst Mi 23.11.2005 09:51
Titel
|
|
|
Du hast wahrscheinlich noch keine DTD angegeben im Header.
Mach mal aus
| Code: | | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
das hier:
| Code: | | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd"> |
|
|
| |
  |
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 23.11.2005 10:07
Titel
|
|
|
| miras hat geschrieben: | danke schonmal, hab auch was gefunden was geholfen hat. Es funktioniert mit diesen negativen margin Werten, in einem der ARtikel hab ich aber gelesen das sich das mit margin-right:auto und margin-left:auto auch realisieren lässt. Hab das jetzt mal probiert, weil ich das besser finden würde aber leider funzt das nicht
was mach ich da falsch:
| Code: |
<div style="position:absolute;background-color:green;blue;width:500px;height:300px;margin-right:auto;margin-left:auto">
blabla
</div> |
vielen dank |
echt? - wo haste das gelesen. Meines Wissens
funktioniert das ja nur zum horizontalen
zentrieren eines Elements (in Verbindung mit
text-align:center im body, der container darf
dann aber auch nicht absolute positioniert
werden - dann klappt das auch mit z.B.
margin: 0px auto).
Was ist denn an der Variante mit den negativen
Margins so unschön?
|
|
| |
|
|
miras
Threadersteller
Dabei seit: 19.05.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 23.11.2005 10:28
Titel
|
|
|
@raumwurm
klick
@nimroy
habs jetzt so, funzt auch net
| Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenannt</title>
</head>
<body>
<div style="position:absolute;background-color:green;blue;width:500px;height:300px;margin-right:auto;margin-left:auto">
blabla
</div>
</body>
</html>
|
Zuletzt bearbeitet von miras am Mi 23.11.2005 10:29, insgesamt 1-mal bearbeitet
|
|
| |
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 23.11.2005 10:40
Titel
|
|
|
| miras hat geschrieben: | @raumwurm
klick
|
Da steht ja auch »1. Horizontale Zentrierung mit margin:auto;«
|
|
| |
|
|
miras
Threadersteller
Dabei seit: 19.05.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 23.11.2005 10:43
Titel
|
|
|
er zentrierts aber nicht horizontal und auch nicht vertikal, naja egal och
trotzdem danke
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
mittig positionieren ...
Seite mittig positionieren via css
CCS Problem in der Navigation mit IE
Bild wird nicht mittig angezeigt
website automatisch mittig ?
css > spalten > mittig ...
|
|
Willkommen auf dem Portal für Mediengestalter
