2014: Bildschirmbreite

iMacfux

Guten Abend,

es geht um kurtzangl-art.com und da fällt mir gerade auf, dass bei einem beiteren Bildschirm - ich sitze nun an einem 21" Bildschirm, der rechte Rand schon häßlich ist. Beim 13" MacBook fällt es nicht auf.

Wie kann ich die Seite variable auf die gesamte Bildschirmbreite bringen? Danke.

Hier noch die Einstellung in der style:

/**
* 6.0 Content
* -----------------------------------------------------------------------------
*/

.content-area {
padding-top: 48px;
}

.hentry {
margin: 0 auto 48px;
max-width: 672px;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
margin: 0 auto;
max-width: 800px;
}

.page-content {
margin-bottom: 48px;
}

Gruss
Walter

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

nun die Gesamtbreite ist hier (style.css Zeile 813)

Code

.site {
    background-color: #fff;
    [COLOR="#FF0000"]max-width: 1260px;[/COLOR]
    position: relative;
}

formatiert

änderst bzw. entfernst du dies und willst alles variabel, musst du die restlichen width Angaben in % ändern
also keine fixen Pixel (px)

alternativ kannst du hier (style.css Zeile 116)

Code

body {
	background: #f5f5f5;
}

den Farbcode mal in schwarz also #000000 ändern, vielleicht reicht dir die optische Anpassung schon

iMacfux

Danke, aber nun sieht der Blog auf dem 21" Bildschirm nicht gut aus, weil nun alles auseinander gezogen ist. Das mit der Farbe habe ich geändert und ist gut.

Kann man den ganzen Blog nicht zentrieren?

Danke nach München
Walter

Tutrix

zum zentrieren

hier

Code

.site {
    background-color: #fff;
    max-width: 1260px;
    position: relative;
}

dies

Code

margin: 0 auto;

hinzufügen

iMacfux

Danke, so gefällt es mir. Jedenfalls jetzt :-)

Danke und schönes WE

Willkommen! Melden Sie sich an oder registrieren Sie sich.

2014: Bildschirmbreite

Jetzt mitmachen!