Linker und Rechter Freiraum wegbekommen

Glomb

Hallo
Ich arbeite an einem Schulblog mit und würde gerne an den Seiten die leeren Ränder entfernen sodass sich die Seite ausbreitet.
Ich habe leider keine Ahnung wie man diese Ränder nennt, da ich noch ziemlich am Anfang bin.
Hier nochmal die Seite da meine Erklärung ziemlich schwammig ist:WisserBlog

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

marX

Die Breite deiner Seite ist hier definiert:

Code

[I][COLOR="Gray"]style.css (line 414)[/COLOR][/I]
#rap {
background-color:#FFFFFF;
border-color:-moz-use-text-color #FFFFFF #FFFFFF;
border-style:none solid solid;
border-width:0 8px 8px;
margin:auto;
[COLOR="Red"]width:[B]750px[/B];[/COLOR]
}

Diese könntest du bspw. auf einen größeren Pixelwert setzen, oder auch relativ, z.B. 98%. Oder du lässt die Zeile ganz weg, dann wrd die volle zur Verfügung stehende Breite genutzt.

Dann werden aber noch weitere Änderungen fällig, zum Beispiel musst du dann noch Grafiken anpassen usw. Auch den Beitragscontainer musst du dann natürlich vergrößern:

Code

[I][COLOR="Gray"]style.css (line 253)[/COLOR][/I]
.post {
border:1px solid #F0F0F0;
margin:0 auto 10px;
padding:10px;
[COLOR="Red"]width:[B]517px[/B];[/COLOR]
}

Schau erstmal wie weit du damit kommst. Und wenn Fragen: sagen! ;-)

Glomb

Danke hat super funktioniert;-)

Glomb

Ich brauche noch einmal Hilfe und zwar soll nun das Banner mittig im Header stehen.

maxe

Code

#header {style.css (Linie 306)
background-image:url(images/top.jpg);
height:210px;
letter-spacing:0.2em;
[COLOR=Red]margin:0 auto;[/COLOR]
vertical-align:top;
width:750px;
}

marX

Das Element heißt #header. Positionieren von Hintergrundbildern geht so:
background-position: Hintergrund positionieren: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Glomb

Danke für den Code und danke für den Link der wird mir nächstes mal weiter helfen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Linker und Rechter Freiraum wegbekommen

Jetzt mitmachen!