1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Content in der Mitte des Fensters und zwar bei JEDER GRÖSSE!

Dieses Thema im Forum "WYSIWYG-Editoren" wurde erstellt von Grawapple, 06.10.09.

  1. Grawapple

    Grawapple Uelzener Rambour

    Dabei seit:
    13.05.06
    Beiträge:
    373
    Moinsens,

    Ich möchte gerne auf meiner Homepage pinguin.wapple.ch den Content immer in der Mitte der seite haben wie z.B. Bei enter.cybaea.de Wie geht das? Die Links-Rechts-Einmittung ist einfach...aber Oben-Unten bereitet Probleme :(
    Danke schon im Voraus.

    LG Yatekii
     
  2. Grawapple

    Grawapple Uelzener Rambour

    Dabei seit:
    13.05.06
    Beiträge:
    373
    Ähem du weisst dass das nur für Tabellen ist?
     
  3. C64

    C64 Halberstädter Jungfernapfel

    Dabei seit:
    12.04.06
    Beiträge:
    3.836
    Hast du für den body eine height=100% angegeben. Kann mich da dunkel daran erinnern, dass du das machen und dann dem mittig gewünschten container marginTop und marginBottom auto geben musst.
    Aber ich denke, google hilf dir da ganz gut: "vertikal mittig ausrichten css" zum Beispiel;)
     
  4. .holger

    .holger Geflammter Kardinal

    Dabei seit:
    13.09.04
    Beiträge:
    9.117
    Wenn Du weißt wie groß der Content ist, der zentriert werden soll, dann kannst Du das so machen:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <META HTTP-EQUIV="imagetoolbar" CONTENT="no" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <head>
    <title></title>
    <style type="text/css">
    #contentcenter {
    	position		: absolute;
    	left			: 50%;
            top			: 50%;
    	width		: 400px;
            height		: 30px;
    	margin-left	: -200px;
            margin-top	: -15px;
    }
    </style>
    </head>
    <body>
    
    <div id="contentcenter"><img src="img/leer.jpg" border="0"></div>
    </body>
    </html>
    das Bild 'leer.jpg' ist hier 400 * 30 px groß und immer zentriert. Es wird zentriert geladen und dann um die Hälfte seiner Größe wieder zurück geschoben…
     
  5. _linx_

    _linx_ Kleiner Weinapfel

    Dabei seit:
    04.01.09
    Beiträge:
    1.125
    Nun ja, ja, das weis ich. Aber ich war mir etwas zu mühsam, deinen Quelltext zu durchsuchen für ein Problem, das man fast schon alleine lösen könnte.
     
  6. Grawapple

    Grawapple Uelzener Rambour

    Dabei seit:
    13.05.06
    Beiträge:
    373
    Dann gibt nächstes mal einfach gar keine Antwort...Dumme Kommentare wie diesen kannste auch bleiben lassen. Wenn ichs hätte lösen können hätt ichs getan -.-

    @C64: Danke für die Antwort; ging leider ned :( Trotzdem danke :)

    @.holger: Sehr nice, geht supa :) Das Problem bei mir ist, ich will nicht dass die Dinge funktionieren, ich will wissen, warum sie funktionieren und WIE xD Kannste mir sagen, warum die "Mitte" des bodys nicht in der Mitte des Fensters ist? Und wieso grad um die Hälfte des Feldes?? Wäre echt nice wenn du mir das erklären könntest :))

    LG Yatekii
     
  7. .holger

    .holger Geflammter Kardinal

    Dabei seit:
    13.09.04
    Beiträge:
    9.117
    Nun, weil Objekte von der linken oberen Ecke ausgerichtet werden. Die ist nämlich dann in der Mitte. Aber da du die ja nicht drin haben willst, sondern die Mitte des Objekts musst Du das Objekt eben um die Hälfte verschieben,…
     
  8. Oliver78

    Oliver78 Kaiserapfel

    Dabei seit:
    09.11.08
    Beiträge:
    1.734
    Um bei dem Beispiel von Holger zu bleiben. Das Bild ist 400 Pixel breit und 30 hoch. Also wird es nach dem Laden um 200 (= Hälfte von 400) nach links und 15 (= Hälfte von 30) nach oben verschoben.

    Bei Text wird man wahrscheinlich auf den Hinweis von c64 zurückgreifen, oder?
     
  9. Grawapple

    Grawapple Uelzener Rambour

    Dabei seit:
    13.05.06
    Beiträge:
    373
    Ah joa stimmt .holger logo -.- dumm dass ich das vergessen habe xD TY
     

Diese Seite empfehlen