mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 19:14 Benutzername: Passwort: Auto-Login

Thema: ccs->positionieren->mittig vom 23.11.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> ccs->positionieren->mittig
Seite: 1, 2, 3  Weiter
Autor Nachricht
miras
Threadersteller

Dabei seit: 19.05.2004
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 23.11.2005 08:26
Titel

ccs->positionieren->mittig

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 23.11.2005 08:39
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.mediengestalter.info/forum/4/seite-mittig-positionieren-via-css-46518-1.html?highlight=css+mittig
http://www.mediengestalter.info/forum/4/html-problem-mit-mittig-ausrichten-42333-1.html?highlight=css+mittig
http://www.mediengestalter.info/forum/4/seite-mittig-positionieren-via-css-46518-1.html?highlight=css+mittig
http://www.mediengestalter.info/forum/22/css-layer-horizontal-und-vertikal-mittig-ausrichten-11824-1.html?highlight=css+mittig
http://www.mediengestalter.info/forum/4/text-mit-css-absolut-zentriert-ausrichten-17098-1.html?highlight=css+mittig
und hier gibts noch mehr...
  View user's profile Private Nachricht senden
Anzeige
Anzeige
miras
Threadersteller

Dabei seit: 19.05.2004
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 23.11.2005 09:32
Titel

Antworten mit Zitat Zum Seitenanfang

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 *Schnief*

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
  View user's profile Private Nachricht senden
Nimroy
Community Manager

Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 38
Geschlecht: Männlich
Verfasst Mi 23.11.2005 09:51
Titel

Antworten mit Zitat Zum Seitenanfang

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">
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 23.11.2005 10:07
Titel

Antworten mit Zitat Zum Seitenanfang

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 *Schnief*

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?
  View user's profile Private Nachricht senden
miras
Threadersteller

Dabei seit: 19.05.2004
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 23.11.2005 10:28
Titel

Antworten mit Zitat Zum Seitenanfang

@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
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 23.11.2005 10:40
Titel

Antworten mit Zitat Zum Seitenanfang

miras hat geschrieben:
@raumwurm
klick


Da steht ja auch »1. Horizontale Zentrierung mit margin:auto;«
* Keine Ahnung... *
  View user's profile Private Nachricht senden
miras
Threadersteller

Dabei seit: 19.05.2004
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 23.11.2005 10:43
Titel

Antworten mit Zitat Zum Seitenanfang

er zentrierts aber nicht horizontal und auch nicht vertikal, naja egal och

trotzdem danke
  View user's profile Private Nachricht senden
 
Ähnliche Themen mittig positionieren ...
CSS : Mittig positionieren. Hilfe!
grafik mit css mittig positionieren
jquery slideshow mittig positionieren
Seite mittig positionieren via css
CCS Problem in der Navigation mit IE
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.