kostenloser Webspace werbefrei: lima-city

DIV mittig und dann -"XX"px?!

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   same-one

   same-one hat kostenlosen Webspace.

   21:29, 31.10.2008

   Hallo?!
   
   Ich kriegs einfach nicht gebacken, früher hat das immer geklappt!
   Ich habe in dem einen (ich glaube es war) "left" dann 50% gemacht,
   damit der DIV erst mal immer exakt in der Mitte des Fensters angezeigt wird
   (egal welche Größe das BrowserFenster gerade auch hat)...
   
   ...und dann bei (ich glaube) "margin-left" dann irgendetwas "-150px" (minus.irgendwas.pixel)
   damit der den DIV dann von der Mitte aus mehr nach links setzt!
   
   

   .logo {
        position: absolute;
        width: 300px;
        height: 120px;
        top: -1px;
        -moz-box-sizing: padding-box;
        overflow: visible;
        font-size: 11px;
        margin-left: -100px;
        left: 50%}

   
   
   Aber jetzt will das überhaupt nicht klappen. Ich kriege den DIV nicht
   mittig mit "50%" sondern nur über "margin-left" kann ich den DIV von
   der OBEREN LINKEN ECKE nach rechts und links verschieben!!
   
   BITTE HELFT MIR!!!
   
   same-one
   
   
   Beitrag geändert: 31.10.2008 21:30:29 von same-one

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

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

3. nikic

   

   nikic hat kostenlosen Webspace.

   11:43, 1.11.2008

   Also, div's zentriert man nicht mit left: 50%!
   Das macht man mit margin: auto, also margin: 0 auto 0 auto;
   Das geht aber nur wenn dem div eine feste Weite zugewiesn ist.
   Und bei dir ist das ja der Fall, also versuchs mal so...
   
   
   Beitrag geändert: 1.11.2008 11:44:31 von nikic

4. projektverwaltung

   projektverwaltung hat kostenlosen Webspace.

   13:03, 1.11.2008

   oder du machst ene "index.html" dort liest du mit Javascript die Fensterbreite aus, machst dann eine automatische Weiterleitung und übergibst in deren link den wert für die fensterbreite, beim div machst du dann eben für "left" diesen wert/2

5. nikic

   

   nikic hat kostenlosen Webspace.

   13:06, 1.11.2008

   
   oder du machst ene "index.html" dort liest du mit Javascript die Fensterbreite aus, machst dann eine automatische Weiterleitung und übergibst in deren link den wert für die fensterbreite, beim div machst du dann eben für "left" diesen wert/2
   

   
   
   Davon würde ich sehr dringend abraten:
   1. Nich jeder hat JS aktiviert.
   2. Wenn du zuerst die Seite öffnest und danach dein Fenster resized, dann wirkt das nicht mehr...

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

Dir gefällt dieses Thema?