Ergebnis 1 bis 9 von 9

Thema: zentrierte page, aber linke seite verschwindet

  1. #1
    Teeny
    Registriert seit
    16.05.2007
    Beiträge
    28
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard zentrierte page, aber linke seite verschwindet

    Ich hab ne Seite, die 1000px breit ist, und diese hab ich nun zentriert mit folgendem Code:

    Code:
    <body>
     <div id="container">
     inhalt
     </div>
    </body>
    
    
    CSS-Datei&#58;
    
    body &#123;
    width&#58; 1000px;
    &#125;
    
    #container &#123;
    left&#58;50%;
    margin-left&#58; -500px;
    position&#58;absolute;
    width&#58; 1000px;
    &#125;
    Diese Seite ist nun auch mittig, nur sobald man mit einer kleineren Auflösung als 1024x768 die Seite betrachtet, wird eine horizontale Scrollbar erstellt, mit der man allerdings nicht an das linke Ende der Seite scrollen kann.

    Dass das an dem margin-left liegt, das die Seite nach links rausschiebt, hab ich schon rausgefunden. Hat jemand eine andere Idee, wie man die Seite möglichst einfach zentrieren kann?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    scaexp
    Gast

    Standard div zentriert

    Hallo,
    probier mal diesen Code
    Gruss
    K.H.


    <body style="background-color: #FFFFA9">
    <center>
    <div id="container" style="width: 1000px; background-color: #F1DEF5; text-align: left;" >
    Inhalt</div>
    </center>
    </body>

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Nimm beim body statt "width:1000px"
    Code:
    width&#58;100%;

  4. #4
    Teeny
    Themenstarter

    Registriert seit
    16.05.2007
    Beiträge
    28
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ne width: 100% geht nicht

    hab grad ne lösung gefunden:

    Code:
    html &#123;
    min-width&#58; 1000px;
    &#125;
    edit: ok, das geht nur im FF
    auch wenn ich für den IE width: 1000px; nehme, macht ers nicht 8[

  5. #5
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    So erreichst du die horizontale Zentrierung:
    Code:
    body &#123;
    width&#58; 100%;
    height&#58;100%;
    margin&#58;0;
    padding&#58;0;
    &#125;
    
    #container &#123;
    
    margin-left&#58; -500px;
    position&#58;absolute;
    left&#58;50%;
    width&#58; 1000px;
    background-color&#58;red;
    &#125;
    Die Scrollbar erscheint, wenn die Auflösung < 1.000 px ist. Müsste sich aber in jedem Fall scrollen lassen.

  6. #6
    Prinz(essin) Avatar von Lizzard
    Registriert seit
    19.02.2006
    Ort
    München
    Beiträge
    788
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Das könnt ihr doch auch einfacher machen

    Code:
    body &#123;
      margin&#58; 0 auto;
      padding&#58; 0;
    &#125;
    
    div &#123;
       margin&#58; 0 auto;
       width&#58; 1000px;
    &#125;
    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

  7. #7
    Teeny
    Themenstarter

    Registriert seit
    16.05.2007
    Beiträge
    28
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    geht beides nicht

    ich habs mal geuppt: http://stefalicious.st.ohost.de/projekt-j/index.html

    wenn man das browser fenster verkleinert, dann kommt die scrollbar, man kann aber nicht mehr links in die navigation scrollen

    bei FF hab ich das problem mittlerweile mit nem min-width: 1000px; bei html behoben, beim IE gehts halt net so richtig

  8. #8
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Das Hauptproblem liegt daran, dass du alles in den zentrierten Container packst (richtig), dann aber die einzelnen Elemente absolut zum body positionierst, der bei dir immer 1000 px breit ist (falsch). Das kann nicht gut gehen. Bei kleineren Auflösungen rücken sie dann durch margin-left -500px über den Rand raus.
    Versuch deshalb mal alle Elemente, die in den Container kommen durch float- und margin-Angaben innerhalb des Containers zu positionieren.

  9. #9
    scaexp
    Gast

    Standard div mittig

    Hallo,
    schau mal zu diesem Link: http://www.drweb.de/csstechnik/layer_4.shtml
    gruss
    K.H.

Ähnliche Themen

  1. Linke Seite zu kurz
    Von cobain86 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.12.2007, 14:36
  2. >body> an die rechte bzw Linke Seite
    Von Devilor im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 16.09.2007, 23:56
  3. MySpace: Profil auf Linke Seite
    Von MrPotter im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 29.04.2007, 17:14
  4. Dropdown-Menü verschwindet, wenn ich Seite aufrufe
    Von Mondfrau im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 13.03.2007, 16:16
  5. Page funtzt im FF aber nicht IE
    Von wurmax im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 06.01.2007, 00:13

Stichworte

Berechtigungen

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