Moin,
ich möchte gern für einen konkreten Artikel eine Hintergrund Bild das sich über die komplette Seite erstreckte einfügen.
Hierfür habe ich auf der Seite einen Artikel erstellt und diesen mit Inhaltselementen befüllt, dem Artikel eine ID zugewiesen über die ich den Artikel anspreche, aber das Bild erstreckte sich nicht über die komplette Seite sondern wird iwo mittig eingefügt. Ich habe alle möglichen css Befehle probiert (cover, etc), aber da ist nix zu machen.
Wenn ich das klassisch schreibe, also zB so:
HTML:
<section id="service_section">
<h2>Dienstleistungen</h2>
<div class="flex-container">
<div class="card">
<a class="headline" href="">Laserschneiden</a>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt harum consequuntur omnis dolor cum asperiores sint reiciendis magni adipisci incidunt.</p>
<a href="">mehr erfahren</a>
</div>
<div class="card">
<a class="headline" href="">Stahlbau</a>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt harum consequuntur omnis dolor cum asperiores sint reiciendis magni adipisci incidunt.</p>
<a href="">mehr erfahren</a>
</div>
<div class="card">
<a class="headline" href="">Zerspanungsarbeiten</a>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt harum consequuntur omnis dolor cum asperiores sint reiciendis magni adipisci incidunt.</p>
<a href="">mehr erfahren</a>
</div>
<div class="card">
<a class="headline" href="">Maschinenbau</a>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt harum consequuntur omnis dolor cum asperiores sint reiciendis magni adipisci incidunt.</p>
<a href="">mehr erfahren</a>
</div>
</div>
</section>
CSS:
#service_section{
padding:70px 0;
background-image: url('assets/Screenshot\ 2023-05-01\ 212306.jpg');
background-repeat: repeat;
background-position: center;
background-attachment: fixed;
Dann erstreckt sich das Bild über die gesamte Breite der Sektion und füllt es quasi aus. Klassisch über Visual Studio Code funktioniert es also.
Woran scheiterts hier bei Contao?
Ich habe das Forum bereits durchsucht, aber keine konkrete Lösung gefunden.
Die Seite mit der Textur:
https://set-web.de/startseite
Lesezeichen