Größe und Position des Inhaltsbereichs pro Seite ändern

rhoehn

Hallo,

ich habe jetzt eine Homepage erstellt die sehr auf die Bilder im Hintergrund ausgelegt ist. Nun gibt es Seiten mit mehr und weniger Text.

Ich würde jetzt gerne die Seiten mit weniger Text so ändern, dass mehr von dem Hintergrundbild zu sehen ist.

Die Breite aller Seiten habe ich bereits angepasst und die Länge wird ja je nach Inhalt bestimmt.

Wie ist es mir möglich den Inhaltsbereich so zu verändern, dass ich

die Änderung pro Seite vornehmen kann
die Größe und die Position des Inhaltscontainers selbst festlegen kann

Ein Beispiel wie es aussehen könnte findet ihr z.B. hier http://www.weingutwittmann.de/de/info/lagen
dies ist jedoch nicht meine Homepage.

Ist dies überhaupt in Wordpress möglich?

Danke für eure Hilfe! Ich bin leider noch nicht sehr mit CSS vertraut.

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

flipps

Hallo,

so etwas wie auf deinem Beispiel zu sehen ist, ist natürlich möglich. Mit etwas html und css ist das ein leichtes.

Du setzt um deine ganze Seite ein div welches das Bild das du als Hintergrundbild möchtest enthält, in dieses div setzt du ein zweites div, welches nochmals einige css Angaben enthält. Mit Worten schwer zu erklären, aber ich gebe dir den Code, dann kannst du dir das in aller Ruhe anschauen.

Code

<div id="hintergrund"><img id="hintergrund-img" src=background.jpg" alt="Hintergrundbild" />
<div id="all">
*bisheriger Code*
</div>
</div>

Dazu kommen dann folgende css Angaben.

Code

#hintergrund {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
overflow:hidden;
}


#hintergrund-img {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
overflow:hidden;
}




#all {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
overflow: auto;
}

Alles anzeigen

Zu sehen ist die Seite auf der ich den Code einsetze hier: http://www.fischer-engstingen.de/

VG
Philip

rhoehn

Vielen Dank für deine Antwort Philip.

Ich weiß, dass Wordpress jeder Seite eine ID zuweist. Wie kann ich jetzt diese Änderung für jede Seite vornehmen bzw. wo genau muss ich die Seiten ID angeben?

flipps

Hallo,

dazu schaust du dir das hier an:

http://codex.wordpress.org/Function_Reference/post_class

VG
Philip

rhoehn

danke
ich denke ich habe es verstanden.
wo genau auf deiner seite sind denn unterschiedlich große contenbereiche zu sehen?

für mich sehen sie alle gleichgroß aus wenn ich mich durchklicke.

rhoehn

ich habe post-28 editiert, dies hat auch wunderbar geklappt.
nun habe ich geschaut, der weiße rahmen rechts neben dem content sollte ausgeblendet oder ebenfalls so reduziert werden, dass das bild in gänze angezeigt wird.

dazu muss man entweder <div id=primary oder <div id=content
so ändern dass dies geschieht.
ich versuchte es ebenfalls über die id (in diesem fall 28) zu steuern, jedoch klappte dies leider nicht.
wenn ich jetzt noch den weißen rahmen rechts vor dem bild weg bekomme, wäre ich mit meiner aufgabe fast am ende!

rhoehn

hallo,

ich habe das problem nun im urlaub gelöst.
man muss einfach nur die breite jeder seite anpassen. dadurch ändert sich auch die breite des headers und des menüs.
dieses kann man dann je nach belieben wieder breiter setzen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Größe und Position des Inhaltsbereichs pro Seite ändern

Jetzt mitmachen!