Text oder Inhaltsbereich meiner Internetseite verbreitern

[José Luis]

Hallo liebe Gemeinde, ich möchte gerne den Inhaltsbereich meiner Internetseite breiter machen, also die Ränder rechts und links soweit wie möglich eliminieren. Ich habe leider keine Ahnung von html und css. Bin aber lernfähig. Wenn mir jemand dabei unterstützend zur Seite stehen könnte wäre ich sehr dankbar und würde es sofern ich es überhaupt kann, selber machen.

Ich hoffe, dass ich mich verständlich ausgedrückt habe was mein Vorhaben ist.

Herzliche Grüße José Luis

PS: Beim Bild hochladen bekomme ich immer eine Fehlermeldung 😟

[Matthias Scharwies]

Servus!

ich möchte gerne den Inhaltsbereich meiner Internetseite breiter machen, also die Ränder rechts und links soweit wie möglich eliminieren. Ich habe leider keine Ahnung von html und css.

Du musst

#contenedor {
    max-width: 1140px;
}

auf einen anderen Wert setzen; vorzugsweise in relativen Größen, die sich an die Schriftgröße anpassen wie, z.B. 70em.

• HTML/Tutorials/responsive_Webdesign/bestehende_Webseiten_umbauen#Vergessen_Sie_den_Begriff_Pixel

Bin aber lernfähig. Wenn mir jemand dabei unterstützend zur Seite stehen könnte wäre ich sehr dankbar und würde es sofern ich es überhaupt kann, selber machen.

Herzliche Grüße

Matthias Scharwies

[José Luis]

Also erstmal vielen Dank, für die schnelle Antwort.

Ich habe nach deinen Angaben den Wert 1140px gegen 70em ausgetauscht aber irgendwie tut sich nichts. Dann habe ich den Vorschlag von Matthias Apsel befolgt aber da tut sich dann im Frontend auch nichts. Muss da noch wo anders was gemacht werden?

Vielen Dank

[Rolf B]

Hallo José,

wenn ich deine Seite auf meinem PC anzeige, dann entsprechen 70em einem Pixelwert von 1120px, deswegen siehst Du keinen Unterschied zu den 1140px. 80em müsstest Du aber sehen.

Ganz ehrlich: Ich finde, dass die Seite mit 70em gut aussieht. Breiter muss sie nicht sein. Eventuell kannst Du den Font vom Einleitungstext verkleinern. Und was Du auch tun solltest, ist eine Angleichung der Breiten bei den Navigationsbuttons an der linken Seite.

Aber wenn Du unbedingt 80em oder mehr machen willst: Das Design der Seite macht nicht mit, im Kopfbereich passen Text und Bild dann nicht mehr zueinander. Da müsstest Du auch noch 'ran.

Rolf

[Matthias Apsel]

Hallo José Luis,

entferne für #contenedor die Angabe max-width.

Bis demnächst
Matthias

[José Luis]

Also erstmal vielen Dank, für die schnelle Antwort.

Ich habe nach deinen Angaben die Angabe "max-width" gelöscht aber irgendwie tut sich nichts. Dann habe ich den Vorschlag von Matthias Scharwies befolgt aber da tut sich dann im Frontend auch nichts. Muss da noch wo anders was gemacht werden?

Vielen Dank

[Matthias Scharwies]

Servus!

Also erstmal vielen Dank, für die schnelle Antwort.

Ich habe nach deinen Angaben die Angabe "max-width" gelöscht aber irgendwie tut sich nichts. Dann habe ich den Vorschlag von Matthias Scharwies befolgt aber da tut sich dann im Frontend auch nichts.

Habe grad im Seiteninspektor (f12) geschaut. Die Angabe ist in Zeile 1243 noch mit 1140px drin.

Herzliche Grüße

Matthias Scharwies

[José Luis]

Hallo Matthias, nochmals vielen Dank für die schnelle Antwort. In der Zeile 1243 finde ich im style.css nur diese Angabe: "-ms-box-shadow: none;" aber in der Zeile 1503 finde ich wieder die Angabe: "max-width: 1140px;"

Aber es tut sich auch nichts wenn ich diese lösche. 😟

Liebe Grüße José Luis

[Matthias Scharwies]

Servus!

Hallo Matthias, nochmals vielen Dank für die schnelle Antwort. In der Zeile 1243 finde ich im style.css nur diese Angabe: "-ms-box-shadow: none;" aber in der Zeile 1503 finde ich wieder die Angabe: "max-width: 1140px;"

Aber es tut sich auch nichts wenn ich diese lösche. 😟

Dann muss das irgendwo dort noch sein.

• HTML/Tutorials/responsive_Webdesign/bestehende_Webseiten_umbauen (hab ich schon mal verlinkt)
• HTML/Tutorials/HTML & CSS mit dem Seiteninspektor untersuchen

CSS überarbeiten, speichern, Seite neu laden (F5) und schauen - immer wieder!

Liebe Grüße José Luis

Herzliche Grüße

Matthias Scharwies

[Gunnar Bittersmann]

@@Matthias Apsel

entferne für #contenedor die Angabe max-width.

Nein, tu das nicht.

Das hätte zur Folge, dass der Text ins Unermessliche läuft. Die Zeilenbreite sollte aber maximal etwa 80 Zeichen betragen, optimal etwas weniger, so zwischen 60 und 70.

Zu breite Zeilen sind schlecht zu lesen; die Wikipedia gibt da ein unrühmliches Beispiel.

Die richtige Antwort wäre gewesen: Lass das so, wie es ist; oder klatsche alles nach links und lass rechts frei, wenn es das ist, was du willst.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[Raketenwarneinrichtung]

Zu breite Zeilen sind schlecht zu lesen; die Wikipedia gibt da ein unrühmliches Beispiel.

Da kommt man schnell in den Bereich der Geschmacksfragen, Glaubenskriege e.t.c.: Andere behaupten nämlich, dass der Benutzer sehr wohl selbst in der Lage ist, sein Browserfenster an seine Wünsche anzupassen und nicht bevormundet werden sollte…

[Gunnar Bittersmann]

@@Raketenwarneinrichtung

Zu breite Zeilen sind schlecht zu lesen; die Wikipedia gibt da ein unrühmliches Beispiel.

Da kommt man schnell in den Bereich der Geschmacksfragen, Glaubenskriege e.t.c.: Andere behaupten nämlich, dass der Benutzer sehr wohl selbst in der Lage ist, sein Browserfenster an seine Wünsche anzupassen und nicht bevormundet werden sollte…

Mit dem Argument könnte man auch sämtliche Webseiten auch als ostfriesische Nationalflagge – weißer Text auf weißem Grund – ausliefern. Jeder Nutzer (m/w/d) ist ja in der Lage, im Entwicklertool seines Browser seine bevorzugten Farben für Hintergrund und Text anzugeben.

Ist natürlich Unsinn. Webseiten sollten so gestaltet sein, dass sie ohne Eingriffe der Nutzer gut lesbar sind.

Design ist keine Frage des Geschmacks.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[Raketenwilli]

Moin Gunnar:

ostfriesische Nationalflagge – weißer Text auf weißem Grund

Du meinst sicher:

ostfriesische Kriegsflagge – weißer Adler auf weißem Grund

Mit dem Argument

Ich habe es „Geschmacksfragen, Glaubenskriege“ genannt. Argumente haben beide Seiten, die sind mir auch bekannt. Ich würde das weder für andere entscheiden wollen noch die Entscheidung kritisieren.

[Rolf B]

Hallo Gunnar,

das Minus ist von mir. Deine Argumentation ist polemisch und fehlerhaft, weil Du Äpfel mit Pferdeäpfeln gleichsetzt.

Rolf

[Gunnar Bittersmann]

@@Rolf B

das Minus ist von mir. Deine Argumentation ist polemisch und fehlerhaft, weil Du Äpfel mit Pferdeäpfeln gleichsetzt.

Nein. Die Änderung der Fenstergröße ist ebenso wie die Änderung von Farben ein Eingriff des Nutzers.

Etliche Nutzer kennen womöglich nur das Browserfenster in voller Bildschirmgröße und wissen gar nicht, wie man das kleiner macht.

Es ist immer wieder erschreckend, wie wenig Gespür für User Experience bei manchen Entwicklern vorhanden ist. Und nicht, dass diese dann lernwillig wären – nein, lieber gegen die wettern, die versuchen, wenigstens etwas davon hier ins Forum zu tragen.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[Raketenvirologe]

Es senkt ganz offensichtlich die Frustrationstoleranz. (sic: Sogar bei Nicht-Infizierten!)

[Rolf B]

Hallo Gunnar,

Etliche Nutzer kennen womöglich nur das Browserfenster in voller Bildschirmgröße und wissen gar nicht, wie man das kleiner macht.

Womöglich. Aber das ist nicht der Punkt. Mir fällt nämlich ein Anwendungsfall ein, wo der User keine Chance zum Kleinermachen hat: Kiosk-PCs (z.B. in Hotels). Da ist der Browser auf Fullscreen festgenagelt, Entwickler-Tools sind unzugänglich, die UI-Kenntnis des Users ist damit irrelevant, und da ist es ziemlich blöd, wenn die Textbreite nicht limitiert ist.

Rolf

[Raketenreisender]

Kiosk-PCs (z.B. in Hotels)

Nun ja. Das klingt so absolut und verlangt nach einem Realitätscheck. Ich habe ja bis Corona signifikant häufig in Hotels übernachtet und halte mich also für geeignet, diesen durchzuführen. Meine Feststellung lautet: Diese PCs gibt es zwar, aber

• Ich sah schon sehr lange niemanden, der die auch benutzt hat. Offen gestanden würde ich davon auch abraten sobald mehr gemacht wird als die „Nahrungssuche zu optimieren“. Das geht aber anno 2020 auch mit dem Smartphone.
• Die beschriebenen Eigenschaften „Browser auf Fullscreen festgenagelt, Entwickler-Tools sind unzugänglich“ habe ich auch auf diesen Geräten „längst nicht bei jedem“ gesehen. Eher bei einer Minderheit. Nur der „Hohle“ weiss warum.
• Bemerkenswert, gerade für dieses Forum, ist eher der Umstand, dass auf diesen Geräten regelmäßig „schwer veraltete und auch sonst bedenkliche“ Browser anzutreffen sind.
• Die anzutreffenden Flachbildschirme sind mit 13 ... 17 Zoll nicht so groß, als dass die Zeilenbreite bei Wikipedia stört.
• Den im Kasino der Bundeswehr habe ich übrigens unter lautem 👍 der Dekorierten „geknackt“ weil der gekaufte Voucher nicht funktioniert hat. (Drücken auf STRG beim Booten/Einloggen hat gereicht 😀 und verjährt ist das auch schon 😎 - weshalb ich die Windows-Version sicherlich nicht jedem nennen muss.)

Mein Fazit:

Also ich würde niemanden kritisieren, der auf diese signigifikant seltenen Fälle keine Rücksicht nimmt. Sonst müssten die Webseiten auch „für den Internet Explorer optimiert“ werden.

[Linuchs]

Hallo José,

also die Ränder rechts und links soweit wie möglich eliminieren

Du gehst von deinem Bildschirm aus. Ich habe einen sehr breiten und sehe die Wikipedia-Seiten so (eigentlich 1596px breit, hier im Forum nochmal verkleinert):

Finde ich grenzwertig bis unbrauchbar für den Lesefluss.

Auf meinen Seiten begrenze ich die Breite auf A4 hoch. Das bedeutet, dass die Ränder links und rechts beträchtlich sein können. Aber die Texte sind lesbar.

Linuchs

[Linuchs]

Erklärung:

Auf meinen Seiten habe ich einen <header>, ein oder mehrere <div class=main> und einen <footer>:

header, .main, footer {
  position: relative;
  background: rgba(255,255,255,.8);
  border-radius: 5px;
  padding: .5em;
  max-width: 210mm;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

Keine Angst, dass die 210mm A4-Breite beim Vergrößern mit [Strg][+] eingehalten werden, die wächst proportional mit.

Und die Fülle deines riesigen Viewports kannst du mit einer Grafik passend zum Thema unterstreichen: https://shanty-fsd.de/impressum.php

[Tabellenkalk]

Hallo,

Du gehst von deinem Bildschirm aus. Ich habe einen sehr breiten und sehe die Wikipedia-Seiten so

Warum betrachtest du Wikipediaseiten im Vollbild?

Gruß
Kalk

[Gunnar Bittersmann]

@@José Luis

Wo ich’s gerade sehe: 🇪🇸 🇬🇧 🇩🇪? Flaggen stehen nicht für Sprachen.

Und wozu sollen die span-Elemente da gut sein?
(z.B. <span style="display:none">Español</span>)

Und geht das rechtlich in Ordnung, wenn auf einer deutschsprachigen Seite kein in Deutsch lesbarer Cookie-Hinweis erscheint?

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[José Luis]

Hallo Gunnar, danke für deine Antwort. Also alles was ich bisher versucht habe hat keine Wirkung gezeigt. Mein damaliger Webdesigner (leider nicht mehr aktiv) hat die Webseite mit dem Programm "Bones" gemacht. Hat das eine Bewandtnis? Also kann es sein das es sich aus welchem Grund auch immer nicht editieren lässt?

Zu dem Thema Flaggen finde ich den Artikel sehr interessant und ehrlich gesagt habe ich mir darüber nie ernsthafte Gedanken gemacht, aber jetzt wo ich es gelesen habe macht es Sinn. Da ich meine Seite überarbeite (mehr oder weniger erfolgreich) muss ich auch das veralteter Q-Translate in WPML migrieren und da habe ich gesehen, dass man statt eine Flagge auch die Sprach in Schrift (español, deutsch, english, etc.) einstellen kann. Das werde ich dann auch tun.

Zu dem Thema cookie auf deutsch, weißt du, ob es eine europäische Richtlinie gibt, die besagt, dass die Cookies in der Sprache erscheinen muss, in der der Browser eingestellt ist? PS: Der Firmensitz der besagten Seite ist in Spanien

Vielen Dank für den Hinweis Herzliche Grüße José Luis

[seth]

gudn tach!

Zu dem Thema Flaggen finde ich den Artikel sehr interessant und ehrlich gesagt habe ich mir darüber nie ernsthafte Gedanken gemacht, aber jetzt wo ich es gelesen habe macht es Sinn.

da gehen die meinungen allerdings auch auseinander. ich wuerde sagen: es kommt darauf an.

ich finde flaggen (zusaetzlich zu textuellen angaben) sehr angenehm in der sprachauswahl, solange die flaggen hinreichend eindeutig sind und solange die anzahl der sprachen sehr klein ist. beispielsweise ist eine britische (oder us-amerikanische) flagge aussagekraeftiger als ein "EN", weil dann klar ist, dass es um britisches oder eben amerikanisches englisch geht. und auch die deutsche flagge macht z.b. sinn, wenn die website von jemandem aus deutschland geschrieben/uebersetzt wurde, der uebliche oesterreichische woerter wie "Jänner" oder "Topfen" eben nicht verwendet.

wenn es nicht nur um rein sprachliche uebersetzungen geht, sondern auch der jeweils kulturelle/geographische kontext einbezogen wird und somit aus einer jeweiligen perspektive geschrieben wird, kann eine flagge ebenfalls sinnvoll sein. z.b. einem oesterreicher muss man nicht erklaeren, was und wo "vorarl­berg" ist. einem deutschen besser schon.

flaggen kommen schnell an ihre grenzen. z.b. macht die schweizer flagge nur wenig sinn fuer eine sprachauswahl (wenn nicht zusaetzlich dabeisteht, welche der vielen dort ueblichen sprachen dahintersteckt). aehnliches gilt fuer viele andere laender.

wenn eine website, die europaeer ansprechen soll, jedoch nur zwischen (deutschem) deutsch, (britischem) englisch und (spanischem) spanisch unterscheidet, halte ich flaggen nicht fuer kritikwuerdig, sondern sinnvoll. zusaetzlich sollte stets jedoch die textuelle information hinterlegt sein, damit z.b. blinde eine bessere chance haben, die sprachauswahl zu finden und zu nutzen. ich vermute, dass dann jeder damit zurecht kommen duerfte.

Zu dem Thema cookie auf deutsch, weißt du, ob es eine europäische Richtlinie gibt, die besagt, dass die Cookies in der Sprache erscheinen muss, in der der Browser eingestellt ist?

es geht nicht um die browser-interne einstellung, sondern darum, wie deine website angeboten wird. dadurch dass die datenschutzerklaerung in verstaendlicher, einfacher sprache angeboten werden soll (artikel 13), wuerde ich sie in allen sprachen, die du grundsaetzlich auslieferst, anbieten. denn wenn du deutschsprachiges publikum ansprichst, ist spanisch fuer die meisten davon alles andere als leicht verstaendlich.

prost

seth

[MudGuard]

Hi,

beispielsweise ist eine britische (oder us-amerikanische) flagge aussagekraeftiger als ein "EN", weil dann klar ist, dass es um britisches oder eben amerikanisches englisch geht.

flaggen kommen schnell an ihre grenzen. z.b. macht die schweizer flagge nur wenig sinn fuer eine sprachauswahl (wenn nicht zusaetzlich dabeisteht, welche der vielen dort ueblichen sprachen dahintersteckt). aehnliches gilt fuer viele andere laender.

Im Vereinigten Königreich wird neben Englisch auch Welsh, Cornish, Scot (Schottisches Gaelisch) und Eireann (Irisches Gaelisch) gesprochen.

In den USA wird auch viel Spanisch, Chinesisch, ... gesprochen.

Weitere Länder mit nicht so eindeutiger Sprachzuordnung:

Deutschland: auch Sorbisch, Dänisch, ...
Frankreich: auch Deutsch (im Elsaß)
Italien: auch Deutsch (Südtirol)
Irland: neben Irisch auch Englisch
...

usw.

cu,
Andreas a/k/a MudGuard

[Raketengoethe]

Deutschland: auch Sorbisch, Dänisch, ...
Frankreich: auch Deutsch (im Elsaß)
Italien: auch Deutsch (Südtirol)
Irland: neben Irisch auch Englisch
...

Ganz bitter wird es bei Staaten, welche das Zeigen der Flaggen von Regionen mit eigener Sprache verbieten und im Verfehlungsfall ganz schnell mit Anklagen wegen Separatismus und Terrorismus sowie Zivilklagen auf Unterlassung angeblicher Beleidigungen ihres geliebten und gottgleichen genialen Führers sind. Und auch internationale Haftbefehle ausstellen… Dann hätten wir da noch die dänische Flaggenordnung. Wenn die erst anfangen, ihre Gesetze auch fürs Neuland anzuwenden…

[seth]

gudn tach!

Im Vereinigten Königreich wird neben Englisch auch Welsh, Cornish, Scot (Schottisches Gaelisch) und Eireann (Irisches Gaelisch) gesprochen.

und trotzdem ist jedem bei einer flaggen-sprachauswahl klar, dass damit englisch gemeint ist. (keine der von dir genannten sprachen is ueberregionale amtssprache. englisch ist de facto die einzige.)

prost

seth

[Gunnar Bittersmann]

@@MudGuard

Im Vereinigten Königreich wird neben Englisch auch Welsh, Cornish, Scot (Schottisches Gaelisch) und Eireann (Irisches Gaelisch) gesprochen.

„Wird Kornisch gesprochen“ ist wohl leicht übertrieben. Wikipedia sagt, die Sprache ist seit über 200 Jahren ausgestorben. “Our tongue is no longer spoken”, heißt es bei Show of Hands in Cousin Jack.

(Die Streitereien zwischen verschiedenen Gruppen dürften die Wiederbelebungsversuche auch nicht gerade einfacher machen.)

Deutschland: auch Sorbisch

Das sind zwei verschiedenen Sprachen: Niedersorbisch und Obersorbisch.

Richtige Muttersprachler gibt’s da wohl auch kaum noch. Ich bin gerade fast in der Gegend und hab im Autoradio MDR Sorbisch (Obersorbisch) drin. Hört sich meist so an, als wenn ein Deutschmuttersprachler Sorbisch spricht; der deutsche Akzent ist nicht zu überhören – jedenfalls für jemanden, der den Klang von slawischen Sprachen im Ohr hat.

Irland: neben Irisch auch Englisch

Das wohl auch andersrum: Es gibt Gegenden, wo das Irische noch gepflegt wird. Aber auf der Insel die sind Irischsprecher gegenüber den Englischsprechern deutlich in der Unterzahl.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!

[Raketenwissenschaftler]

Und geht das rechtlich in Ordnung, wenn auf einer deutschsprachigen Seite kein in Deutsch lesbarer Cookie-Hinweis erscheint?

Auf meiner schon, weil es da weder Cookie noch Hinweis gibt. Du hast ja so allgemein gefragt, dass auch dieser Fall umschlossen ist…

Zu dem Thema cookie auf deutsch, weißt du, ob es eine europäische Richtlinie gibt, die besagt, dass die Cookies in der Sprache erscheinen muss, in der der Browser eingestellt ist?

1. Ich hab nicht in den Gesetzestext geschaut, weil das doch logisch ist: Der Hinweis soll „leicht wahrnehmbar“ sein. Das schließt ein, dass diese Cookiewarnung just in der Sprache erscheint, in welcher auch der Inhalt der Webseite erscheint.
2. Du hast verschiedene URL mit [virtuellen] Ordnern für die Sprachen. Demnach ist einfach für Dich, den Hinweis in der gewählten Sprache bzw. der Sprache der Seite anzuzeigen. Mach das doch einfach.

[Raketenklarstellungsmodul]

Du hast ja so allgemein gefragt…

Gunnar hat so allgemein gefragt…

[Tabellenkalk]

Hallo,

Du hast ja so allgemein gefragt…

Gunnar hat so allgemein gefragt…

Er frug aber nicht ohne Kontext. Und der war ganz klar eine bestimmte Seite...

Gruß
Kalk