kostenloser Webspace werbefrei: lima-city


Layout mittig in CSS

lima-cityForumDie eigene HomepageHomepage Allgemein

  1. Autor dieses Themas

    webmaster123

    Kostenloser Webspace von webmaster123, auf Homepage erstellen warten

    webmaster123 hat kostenlosen Webspace.

    Hallo,

    ich möchte mein Layout mittig ausrichten. Benutze CSS.

    Irgendwie geht das bei mir nicht...
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. Wie wäre es, wenn du mal den Code hier posten würdest, bzw. die Teile des Codes, die wichtig sind?

    Das würde schonmal helfen.

    Vielleicht hilfreich: http://www.css4you.de/wslayout1/ex0003.html
  4. Autor dieses Themas

    webmaster123

    Kostenloser Webspace von webmaster123, auf Homepage erstellen warten

    webmaster123 hat kostenlosen Webspace.

    Also,

    meine CSS-Datei habe ich ausgelagert bzw. ich habe die CSS-Befehle nicht direkt im HTML-Dokument sondern in einer externen Datei, auf die im HTML-Dokument verwiesen wird.

    Der CSS-Code:

    body {
    text-align:center;
    }

    #seitenbereich {
    margin:0 auto;
    text-align:left;
    }



    '#seitenbereich' wird dann in der HTML-Datei gekennzeichnet, dann sollte sich der Teil zwischen:

    <div id="seitenbereich">

    und:

    </div>

    zentrieren...macht er aber nicht...
  5. Also ... Wenns beim ersten mal Abschicken drücken nicht so wirkt, als wollte er übertragen, einfach mal auf einen anderen Tab gehen und abwarten... So mache ich das immer. Kommt ja auch selten vor. Denn wenn du zwei oder gar dreimal drückst, kommen auch entsprechend viele Antworten.

    Hast du denn im Div auch entwas anderes als Text??

    Wenn nicht, ist das klar, dass der links ausgerichtet ist etc.
  6. Autor dieses Themas

    webmaster123

    Kostenloser Webspace von webmaster123, auf Homepage erstellen warten

    webmaster123 hat kostenlosen Webspace.

    im div ist alles, die navi usw...
  7. Ja ohne den Quellcode gehts auch nicht.

    Oder hast du die Seite irgentwo hochgeladen?

    Edit: Wenn im Div alles ist, warum machst du dann

    body{
    text-align:center;
    }

    ?

    Beitrag geändert: 17.7.2007 12:21:49 von gordan
  8. Autor dieses Themas

    webmaster123

    Kostenloser Webspace von webmaster123, auf Homepage erstellen warten

    webmaster123 hat kostenlosen Webspace.

    Also die ausgelagerte CSS-Datei (etwas konfus):

    http://webmaster123.lima-city.de/webpub/design.css

    HTML-Datei:

    http://webmaster123.lima-city.de/webpub/home.html
  9. Du solltest erstmal ne feste Breite für das Zentrierte festlegen.
    Dann passt da auch sonst was nicht. So sollte es aussehen. und das text-align: center beim body ist unnötig.
    #seitenbereich {
     width: 800px;
     position: relative; margin-left: auto; margin-right: auto;
     margin-top: 0px; text-align: left;
    }


    Wäre mein Vorschlag, habe ich ejtz allerdings nicht ausprobiert.

    -AlienDwarf
  10. Soo

    Also in die HTML-Datei musstest du nur einen weiteren Div-Container einfügen. Dem früheren Hauptdivcontainer habe ich eine bestimmte Breite zugeteilt, sodass er sich nicht beliebig ausbreitet.
    In diesem Fall 760- kannst du natürlich anpassen.

    Und dieser Divcontainer richtet sich innerhalb des neuen Divcontainers (main) aus. Dadurch bleibt dein Layout immer zentriert, egal welche Bildschirmauflösung verwendet wird.

    #main {
    width:100%; /* Umschließender Divcontainer */
    }
    #seitenbereich {
    width:760px; /* Breite des Hauptinhaltsbereiches */
    text-align:left; /* Inhalt wieder links */
    margin:0 auto;
    }



    Das tust du nun in deine .css Datei. Du ersetzt damit der #seitenbereich.

    Und in die HTml Datei schreibst du
    <div id="main">
    <div id="seitenbereich">
    ...

    Und schließt entsprechend am Ende eine Div mehr als vorher.

    Musste eigentlich alles stimmen.

    in Opera sieht alles gut aus. Firefox habe ich nicht installiert :biggrin:.

    Im Amaya siehts auch ok aus.

    Gruß, Gordan
  11. Autor dieses Themas

    webmaster123

    Kostenloser Webspace von webmaster123, auf Homepage erstellen warten

    webmaster123 hat kostenlosen Webspace.

    Hat alles geklappt, DANGEEE
  12. 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!