1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

CSS Problem

Dieses Thema im Forum "Design" wurde erstellt von Limbo, 5. November 2014.

Schlagworte:
  1. Limbo

    Limbo Member

    Registriert seit:
    5. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    Hallo zusammen,

    ich bin jetzt schon Tage auf der Suche nach einer Lösung, leider ohne Erfolg.

    Hier mein Problem:

    Meine Frau braucht endlich mal eine Webseite für Ihr Gewerbe (Hochzeits- und Eventfloristik), also hab ich kurzerhand losgelegt. Nutze WP 4.0 und das Theme Twenty Fourteen, habe ein Childtheme erstellt und einige Anpassungen an der neuen style.css vorgenommen.

    Da mir das Theme zu breit erschien, hab ich es mittels

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    auf 75% Breite reduziert. Hat auch wunderbar funktioniert. Da die Rubrik "Aktionen und Angebote" mittelfristig mehr werden wird, hab ich mir hier mit der Beitragsseite beholfen um so direkt jedes Angebot als Beitrag ins Untermenü hinzufügen zu können. Wenn ich jetzt den ersten Beitrag aufrufe, verbreitert sich die ganze Seite wieder. Ich werd noch wahnsinnig!

    hier die Seite http://bluetenzauber-neuhofen.de

    Kann mir da jemand helfen?

    Besten Dank im Voraus
    L.
     
  2. FlorianBrinkmann

    FlorianBrinkmann Well-Known Member

    Registriert seit:
    6. Oktober 2013
    Beiträge:
    390
    Zustimmungen:
    1
    Bei mir verbreitert sich da nichts?!
     
  3. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    Bei mir auch nicht, evtl. Browser-Cache ;)
     
  4. Limbo

    Limbo Member

    Registriert seit:
    5. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    ich hab jetzt den IE, Firefox, Chrome und Safari getestet. Startseite hat 75% Breite, sobald ich auf "Aktionen und Angebote" klicke, hat sie Seite nahezu wieder 100% Breite.
     
  5. Limbo

    Limbo Member

    Registriert seit:
    5. November 2014
    Beiträge:
    12
    Zustimmungen:
    0

    FF Strg+F5 hab ich auch schon versucht!
     
  6. FlorianBrinkmann

    FlorianBrinkmann Well-Known Member

    Registriert seit:
    6. Oktober 2013
    Beiträge:
    390
    Zustimmungen:
    1
    Hier mal ein Screenshot.

    bluetenzauber.jpg
     
  7. Limbo

    Limbo Member

    Registriert seit:
    5. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    Ok, du hast anscheinend einen recht großen Bildschirm. Wenn ich das Browserfenster über den Rand hinausziehe, wird die Seite auch größer. (sollte auch nicht sein) Ich brauche eine feste Breite.

    Anyway, die Startseite sieht so aus:

    btz1.JPG

    rufe ich die Aktionsseite auf sieht es so aus:

    btz2.jpg

    das passiert erst seit dem ich eine Beitragsseite definiert habe.
     
  8. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    so wie in deinem Screenshot sehen aber alle Seiten bei dir aus.
    Vielleicht liegt es daran, dass page keine Class ist, sondern eine ID ;)

    #page {
    max-width: 75%;
    }
     
  9. Limbo

    Limbo Member

    Registriert seit:
    5. November 2014
    Beiträge:
    12
    Zustimmungen:
    0


    YES SIR! Super! Besten Dank! Jetzt stimmt alles!
     
  10. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    Denke aber dran, nicht jeder nutzt die Bildschirmauflösung, die ihr nutzt. Bei mir sieht es jetzt im Vollbild echt besch...eiden aus. 75% ist nämlich jetzt größer als die eigentlichen max-width: 1260px;

    Das Theme ist doch fluid und responsive, warum dann die Beschränkung? Ich würd's nicht tun.
     
  11. Limbo

    Limbo Member

    Registriert seit:
    5. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    ich wollte Die Seite einfach in ihrer Breite beschränken. Habs gerade auf nem großen Monitor getestet, du hast Recht! Sieht nicth so toll aus! Wenn ich dann noch den Browser über den zweiten Bilrschirm ziehe .... wie kann ich verhindern, dass das Theme dann "mitwandert"? Wie kann ich die komplette Breite permanent beschränken, unabhängig der Bildschirmgröße?

    aktuell sieht die style.css im childtheme so aus:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  12. Limbo

    Limbo Member

    Registriert seit:
    5. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    Hab mal etwas rumprobiert und die max-with auf 1024px gesetzt. Glaube so geht´s ganz gut!
     
  13. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    Auf welche Weite willst du denn beschränken und warum? Es gibt doch schon eine max-width von 1260px.
    Auf jeden Fall darfst du keine %-Angaben machen, dann lieber feste Pixel.
     
  14. Limbo

    Limbo Member

    Registriert seit:
    5. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    der Content hat sich einfach etwas verloren, wenn es zu breit war, und mit einer unnötigen zweiten Seitenleiste (Facebook/Twitter/Google+) als Lückenfüller wollte ich mir nicht behelfen.
     
  15. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    da hilft nur eins: mehr content :lol:
    Spaß beiseite, mit den knapp 200px weniger passt es ja jetzt gut.
     
  16. Limbo

    Limbo Member

    Registriert seit:
    5. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    ...die Antwort hab ich schon vermutet! ;)

    Sie steht ja ganz am Anfang, von daher wird sich das schon noch füllen. Aber es gibt nunmal keine zweite Chance für den ersten Eindruck, darum soll die Seite auch mit noch wenig Content schon was hermachen.
     
  17. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    noch ein Hinweis ... die Datenschutzerklärung sollte als eigenständiger Punkt außerhalb des Impressums stehen.
     
  18. Limbo

    Limbo Member

    Registriert seit:
    5. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    Danke für den Hinweis! Ich versuche morgen mal die Datenschutzerklärung klein am unteren linken Rand zu "verstecken" (noch keine Ahnung wie!). Als eigener Menüpunkt is aber irgendwie doof.
     
  19. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    bei .site-header musst du die max-width auch noch ändern, sieht man, wenn man mal über den Banner hinaus nach unten scrollt.

    Den Link zur Datenschutzerklärung könntest du z.B. hardcodiert in die footer.php schreiben.
     
  20. Limbo

    Limbo Member

    Registriert seit:
    5. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    Du meinst den hier?

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    oder hier?

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #20 Limbo, 6. November 2014
    Zuletzt bearbeitet: 6. November 2014
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden