Ergebnis 1 bis 6 von 6

Thema: Anleitung für Doofe: CSS Container zentrieren

  1. #1
    TP-Junior
    Registriert seit
    Feb 2008
    Beiträge
    15

    Anleitung für Doofe: CSS Container zentrieren

    Hallo zusammen,

    ich habe folgendenden (wirklich guten)

    http://www.traum-projekt.com/forum/1...ellen-web.html

    Einsteigerworkshop absolviert und probiere gerade etwas rum.

    Ich finde bei google.de zahlreiche Codefragmente, wie ich browserübergreifend einen <div> Container zentrieren kann. Aber ich krieg es einfach nicht hin. Nirgends wird erklärt, wo ich diese Codezeilen mit "Margin" und "50%" und was weiß ich noch hinschreiben muss.

    Meine Anfänge findet ihr hier:

    www.nicolasbitsch.de/peptozone

    Es soll der #container zentriert werden. Bitte guckt noch nicht so aufs Layout, ich probier grad 10 Sachen gleichzeitig...

    Und wichtig: NICHT AUF www.nicolasbitsch.de gucken ;-)
    Ich bin auf Mac Os umgestiegen und wollte unbedingt mal das iWEB ausprobieren. Für Anfänger total ok aber die Seiten werden dateigrößentechnisch RIESIG...

    Danke vorab!

    Gruß

    Nic

  2. #2
    TP-Urgestein Avatar von webcreate
    Registriert seit
    Nov 2003
    Ort
    NRW
    Beiträge
    11.661
    Änder folgendes mal in der CSS:

    Code:
    body { 
      width: 880px;
      margin: 0px auto;
      background-color: gray; 
      word-wrap: break-word;
    }
    
    #container { 
      background-color: black; 
      text-align: left; 
      width: 880px; 
      height: 550px; 
    }
    Gruß Mark

    webcreate IT SOLUTIONS
    www.webcreate-nrw.de

    Photoblog....|....flickr

  3. #3
    TP-Specialist Avatar von koenixblau
    Registriert seit
    Jul 2006
    Ort
    Berlin
    Beiträge
    2.633
    Wenn Google schon angeblich gequält wurde,
    eventuell auch mal diese Seite angesehen:
    http://intensivstation.ch/files/templates/temp09.html ?

    ps:
    Die unausgelastete Suchfunktion, hier im Forum, liefert sehr zuverlässige Ergebnisse.

    EDIT

    Argh!
    Mir hängen immer noch die Eier, im Magen.
    Newsflash:
    "Enjoy The Silence" live im Traum-Projekt!


    koenixblau | Flickr

  4. #4
    TP-Junior
    Registriert seit
    Feb 2008
    Beiträge
    15

    Danke!

    Hallo,

    vielen Dank.

    Auch im genannten Link wurde mir nicht richtig klar wo das reingehört.
    Ich hatte zwei oder drei Codebeispiele mal direkt in den CSS-Code reinkopiert,
    dann ging aber garnichts mehr.
    Ich bin in dem Bereich absoluter Anfänger.
    Vielen Dank fürs "umarbeiten" für genau meinen Ansatz!!!

    Gruß

    Nic

  5. #5
    TP-Urgestein Avatar von webcreate
    Registriert seit
    Nov 2003
    Ort
    NRW
    Beiträge
    11.661
    Bist Du nun mit der Lösung zufrieden, oder funzt es immer noch nicht?
    Kann man nun schlecht herauslesen.
    Gruß Mark

    webcreate IT SOLUTIONS
    www.webcreate-nrw.de

    Photoblog....|....flickr

  6. #6
    TP-Junior
    Registriert seit
    Feb 2008
    Beiträge
    15
    Hallo,

    also im InternetExplorer zentriert er es richtig!

    Allerdings habe ich bei den anderen Lösungsansätzen immer gelesen, dass man für IE und Firefox/Opera zwei unterschiedliche Befehle hinterlegen muss. Irgendwie interpretiert IE den Zentrierbefehl anders und "vererbt" das Zentrieren dann an alle Objekte im Container.

    Ich habe hier nur den IE... kanns erst heute Abend richtig beurteilen...
    Vielleicht ist es aber auch egal, weil im Container selbst keine Inhalte (Texte usw...) stehen, an die der IE das "falsch" vererben kann.

    Gruß

    Nic

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51