kostenloser Webspace werbefrei: lima-city


div-container zentrieren

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    ferana

    Kostenloser Webspace von ferana, auf Homepage erstellen warten

    ferana hat kostenlosen Webspace.

    Guten Tag,

    ich stell mich im Moment etwas doof an.

    Mein Problem ist, das ich meine Website zentrieren möchte und diese jedoch fertig habe.
    Deshalb habe ich sie in einen div-container geschmissen.
    Und diesen wiederrum in einen, welcher dann den ersten zentrieren sollte.
    Hat leider nicht wirklich geklappt.

    Hat jemand von euch noch eine Idee wie ich einen gesammten div-container zentriert bekomme?

    <html>
    <head>
    <title>Testseite für den Umgang mit div-containern
    </title>
    </head>
    <body>
    <div id="1" align="center">
    	<style type="text/css">
    	 .examplediv
    	 {
    	  background-color:#696969;
    	  border-style:solid #000000 1px;
    	 }
    	#divid
    	{
    	 position:
    	 width:635px; height:475px;
     	overflow:auto;
    	}
    	</style>
    	  <div id="divid" class="examplediv">
    	Testtext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext     TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext Testtext
    	</div>
    </div>
    </body>
    </html>


    Lg ferana
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. a************n

    für eine horizontale zentrierung sollte es so gehen

    //css
    #außenDiv {
      margin:0 auto;
    }


    mfg andre


    /Edit:

    was ich grad sehe

    der <style> part kommt in den head bereich.... vll geht deins ja auch wenn du es so machst

    Beitrag zuletzt geändert: 13.12.2009 12:53:53 von andre-morillon
  4. div#aussen {
        position: absolute; left: 50%; top: 50%;
        width: 635px; height: 475px;
        margin-left: -317px; margin-top: -237px;
        overflow: auto;
    }


    So sollte das ganze funktionieren... *ungetestet*
  5. Autor dieses Themas

    ferana

    Kostenloser Webspace von ferana, auf Homepage erstellen warten

    ferana hat kostenlosen Webspace.

    staymyfriend schrieb:
    div#aussen {
        position: absolute; left: 50%; top: 50%;
        width: 635px; height: 475px;
        margin-left: -317px; margin-top: -237px;
        overflow: auto;
    }


    So sollte das ganze funktionieren... *ungetestet*

    Guten Tag,

    danke, es klappt super! :thumb:

    Lg ferana
  6. 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!