Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 15

Thema: CSS - Hompage zentrieren + maximale Breite + dynamische Anpassung

  1. #1
    HTML Newbie
    Registriert seit
    02.01.2011
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS - Hompage zentrieren + maximale Breite + dynamische Anpassung

    Hallo Leute,

    ich bastel zurzeit an einer Homepage und habe diese momentan zentriert und auf eine Breite von 1000px gebracht .

    Code:
    body
    	{
    	...	
    	text-align:center;
    	...
    	}
    
    .bodyline
    	{
    	...	
    	width:1000px;
    	margin:auto;
    	text-align:left;
    	...
    	}
    Nun möchte ich jedoch noch, dass sich diese Seite automatisch mit verkleinert, wenn jemand ein Browserfenster schmaler als 1000px hat.

    Klar geht das momentan nicht, weil die Breite auf 1000px eingestellt ist.
    Ich habe jedoch auch mit max-width rumgespielt, aber dann springt die Homepage wieder auf die komplette Browserbreite um.


    Kann mir somit jemand erklären, wie ich die folgenden Punkte

    - max Breite (1000px)
    - zentriert
    - dynmaisch unter der maximalen Breite

    gleichzeitig hinbekomme.

    Danke
    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
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: CSS - Hompage zentrieren + maximale Breite + dynamische Anpassung

    ja probier mal mit % zu arbeiten.. also width:95%; max-width:1000px;
    der ie6 kann aber kein max-width oder min-width...
    und zentrieren über margin: 0 auto;

    interessant ist www.css4you.de

    edit: und nicht vergessen dass du nen anständigen doctype brauchst
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    02.01.2011
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS - Hompage zentrieren + maximale Breite + dynamische Anpassung

    Habe es auf die schnelle getestet und leider ist width:95%; dominant und max-width:1000px; wurde gar nicht beachtet.
    Sprich egal wie breit das Browserfenster ist, die Homepage bleibt auf 95%.

    Ich mache nun erst einmal Pause. Mal schauen ob bis in paar Stunden noch mehr Tipps dabei sind.

    Danke Dir erstmal

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: CSS - Hompage zentrieren + maximale Breite + dynamische Anpassung

    joa war auch nur ne idee auf die schnelle.. getestet hatte ich das nicht. du kannst ner css-eigenschaft noch nen !important anhängen (also max-width:1000px !important; ), so sollte die auf jeden fall umgesetzt werden.
    wichtig ist auch immer mit welchem browser du testest..., weil nicht jeder alles kann.
    wenn ich wach werde und dein prob bis dahin nich gelöst is, werd ich selber mal gucken was da geht und was nicht.
    wenns mit reinem css nicht geht, ist javascript auf jeden fall eine alternative.

    und bedenke: 1024px breite is heutzutage das, was 800px vor 8 jahren war^^ => die kleinste genutzte breite. die heutigen auflösungen sind allesamt um einiges größer und 1000px is ne moderate breite

    nachti
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: CSS - Hompage zentrieren + maximale Breite + dynamische Anpassung

    Was ist das problem, wenn die Seite breiter als 1000px ist? Das Forum hier passt sich auch imer der Fensterbreite an. Kannst mal mim Firebug ins HTML und CSS schaun, da wirste hier glaub fuendig
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

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

    Standard AW: CSS - Hompage zentrieren + maximale Breite + dynamische Anpassung

    So klappt das:
    Code:
    html, body {
    width: 100%;
    height: 100%;
    }
    
    .bodyline
    {
    width: 95%;
    max-width:1000px;
    margin: 0 auto;
    }
    Die Frage ist nur, ob du das auch so willst. Vielleicht meinst du auch min-width.

    Ich würde generell nur die 1000px nehmen. Bei prozentualen Werten hast du je nach Inhalt das Problem, dass die Relationen verloren gehen, insbesondere wenn noch Grafiken zum Einsatz kommen.

  7. #7
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: CSS - Hompage zentrieren + maximale Breite + dynamische Anpassung

    da sieht man ma wat ne übernächtigung bringt.. is ja klar, dass die % nich wirklich angenommen werden, wenn der bezugspunkt fehlt...

    danke sejuma denn dan den style vom body hab ich heut nacht gar net gedacht... basics, die man während der arbeit immer macht^^
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  8. #8
    HTML Newbie
    Themenstarter

    Registriert seit
    02.01.2011
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS - Hompage zentrieren + maximale Breite + dynamische Anpassung

    So, auch bisl ausgeschlafen nun.
    Nach bisl rumprobieren funktionieren wohl eure Lösungen nicht bei jedem Browser wie schon vermutet.
    Ich hatte die ganze zeit mit Chrome getestet. Sieht so aus als ob der max und min-width nicht kennt :/
    Finde ich sehr schade!
    Im Firefox funktioniert es mit

    Code:
    body
    	{	
    	text-align:center;	
    	}
    
    .bodyline
    	{
    	max-width:1000px;
    	margin: 0 auto;
    	text-align:left;	
    	}
    einwandfrei.

    Bei Chrome passt es sich dem Fenster auch über 1000px hinaus an. :/

  9. #9
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: CSS - Hompage zentrieren + maximale Breite + dynamische Anpassung

    dann probier ma max-width:1000px !important;
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  10. #10
    HTML Newbie
    Themenstarter

    Registriert seit
    02.01.2011
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS - Hompage zentrieren + maximale Breite + dynamische Anpassung

    nope

    Das mag Chrome auch nicht.
    Scheint wohl keine "schöne" Programmierung zu sein. Oder warum unterstütz so etwas ein moderner Browser nicht?
    Wäre nämlich schon praktisch wenn bei Netbooks die Breite schmaler gemacht wird und bei großen Bildschirmen eine maximale Breite vorgegeben ist.
    Was spricht denn dagegen!? :P

Ähnliche Themen

  1. Div maximale Höhe?
    Von micronix im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 12.06.2010, 03:42
  2. Div auf maximale höhe.
    Von EvilMoe im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 13.03.2009, 22:04
  3. div breite festlegen und zentrieren
    Von 00eraser00 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 11.08.2007, 15:13
  4. dynamische hompage?
    Von peter im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 25.02.2005, 16:56
  5. Maximale Bildergröße!
    Von wetzel21 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 29.11.2004, 23:34

Stichworte

Berechtigungen

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