kostenloser Webspace werbefrei: lima-city


<div> zentrieren

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    aliendwarf

    Kostenloser Webspace von aliendwarf

    aliendwarf hat kostenlosen Webspace.

    Also ich habe ein kleines Problemchen...

    Ich bastel mir im moment ein kleines Template, dass mit <div>-container arbeiten(ich hasse tabellen).

    also, nun habe ich folgendes Problem:
    Ich m?chte den haupt div zentrieren(also nicht die schrift, sondern das objekt).
    Ich habe es schon mit verschiedenen Sachen wie align usw. probiert. Mit absoliuter Positionierung m?chte ich nicht arbeiten.
    Was gibt es f?r M?glichkeiten, das ganze zu zentrieren???

    -AlienDwarf
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. CSS:

    div.zentriert
    {
    margin:auto;
    }

    nur rechts und links zentrieren:

    div.zentriert_rl
    {
    margin-left:auto;
    margin-right:auto;
    }


    Beitrag ge?ndert am 11.08.2005 22:10 von alopex
  4. #container { margin:10px auto 0px auto; }

    M?stte gehen.
    Der erste Wert gibt den Abstand nach oben an.
    Den 2. und den letzten Wert musst du so lassen, denn dann entscheidet der Browser selber und der versucht dann einen Mittelwert f?r die beiden Werte zu finden, was bedeutet die Abst?nde nach links und rechts sind gleich. Somit ist der div-Bereich dann zentriert.
    Der 3. Wert steht dann nat?rlich noch f?r den Abstand nach unten ;)

    H2O
  5. Alles in eine Tabelle packen, und die Tabelle zentrieren. Die Tabelle hat dann halt nur eine Zelle. Ist zwar ne bl?de methode, aber es funzt =)


    ?dit: Da waren wohl 2 schneller und haben auch bessere L?sungen =)

    Beitrag ge?ndert am 11.08.2005 22:11 von zonk
  6. Autor dieses Themas

    aliendwarf

    Kostenloser Webspace von aliendwarf

    aliendwarf hat kostenlosen Webspace.

    @h2o & EisFux:
    Super! Danke!
    es klappt net...
    nur zonk's L?sung geht, auch wenn ich sie nicht so toll finde...

    -AlienDwarf
  7. Was bedeutet denn es klappt nicht?
    Wie benutzt du denn das Element?
    Ist es vielleicht in eine Tabelle oder wie sieht der restliche Quelltext aus?

    H2O
  8. schrotti12

    Moderator Kostenloser Webspace von schrotti12

    schrotti12 hat kostenlosen Webspace.

    also mit "margin-right: auto; margin-left: auto;" kann man einen Div-Container problemlos zeintrieren...
    Das wei? ich und da kannst jetzt das Gegenteil behaupten, iss mir wurscht... da bin ich mir sicher!

    Damit zentrierst du den Container in die mitte der Seite... Dann ahst du rechts und links den selben Abstand...

    Horizontal zentrieren ist nicht m?glich... bin ich mir auch sicher!
  9. Hallo, du kleiner gr?ner au?erirdischer (fremd(artig)er?) Zwerg!

    Da du ja Opera benutzt, stell doch mal den Anzeigemodus auf "Autorenmodus" um. Dann klappt das. Wenn nicht, hast du deinen Opera verbastelt oder dein Style-Sheet ist fehlerhaft. Bei mir funktioniert es. Gut ist auch immer ein richtiger XHTML-Header am Anfang der Datei, damit der Browser in den standardkonformen Modus schaltet und nicht versucht, Pseudo-Profi-Webdesigner-Schwachheiten zu interpretieren.
  10. Autor dieses Themas

    aliendwarf

    Kostenloser Webspace von aliendwarf

    aliendwarf hat kostenlosen Webspace.



    alopex schrieb:
    Hallo, du kleiner gr?ner au?erirdischer (fremd(artig)er?) Zwerg!

    Wie kommst du darauf, dass ich gr?n bin??
    Ich hab das ganze mal hochgeladen:
    http://web215.server-drome.org/template.htm
    k?nnt ihr euch ja mal angucken. Das ganze ist ein Template f?r mein CMS.
    Achja, Autorenmodus is an.

    -AlienDwarf
  11. Na wenn du position:absolute; reinschreibst, bedeutet das, dass der Browser sich nicht am Rest der Seite orientieren soll sondern eine absolute Position hat.

    Nehme das raus und es klappt ;)

    H2O
  12. Autor dieses Themas

    aliendwarf

    Kostenloser Webspace von aliendwarf

    aliendwarf hat kostenlosen Webspace.

    wenn es raus ist, sieht das Design aber ein wenig "komisch" aus.
    Probiers doch aus, dann siehste es.

    -AlienDwarf
  13. Dann probier es mal mit "relative".

    Und: Alle Au?erirdischen ("alien") sind gr?n. Au?er die von Stargate ...
  14. Autor dieses Themas

    aliendwarf

    Kostenloser Webspace von aliendwarf

    aliendwarf hat kostenlosen Webspace.

    alopex schrieb:
    Und: Alle Au?erirdischen ('alien') sind gr?n. Au?er die von Stargate ...


    Stimmt gar net...
    Nur weil ich ein Alien bin, muss ich noch nicht aussehen wie lima...
    Aber trotzdem danke, eisf?xchen, jetzt klappts.
    ?brigens: Ich hab letztens einen deiner Artgenossen in Island gesehen. Der sah sehr niedlich aus...

    -AlienDwarf
  15. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!