[GELOEST] Hilfe bei der Bildpositionierung (Hintergrund)

[montababa]

Hallo zusammen!

Ich bin noch ein Lehrling und habe noch viel vor mir. Ich hoffe ihr könnt mir bei meinem Problem helfen, was ich seit über ner Woche stört...

habe ein Hintergrundbild, was aber nur im oberen Rand der Seite sein soll, worauf Text, Logo und sonstiges kommen soll. Um das so hinzubekommen habe ich es mit einem div-Container probiert.
Da das Bild nie vom linken bis zum rechten Rand durchgeht (rechts bleibt immer ein Rand über), habe ich de ganze Zeit alles mögliche versuch. Dadurch ist sicher viel Mist im Code dazugekommen.
Kann mir da jemand bitte helfen, also dass das Hintergrundbild vom linken bis zum rechten Bildschirmrand geht aber nur oben auf der Seite ...

Hier mein Code:
<div class="container" style="position: relative">
<div class="row">
<img src="logo.jpg" style="height: 100px; width: 200px">
</div>
<div class="row" style="padding-left: 75px; padding-bottom: 40px">
<h1 style="font-weight: bold; color: white;font-size: 70px">ZEIT ZU WACHSEN?</h1>
<h2 style="color: white">Erfolgreich expandieren mit internationalem SEO</h2>
</div>
<div class="row">
<ul class="list-group list-group-flush">
<li class="list-group-item" style="width: auto; text-align: right; padding-right: 200px; background-size: 100% 100%">TOP-RANKINGS</li>
<li class="list-group-item" style="width: auto; text-align: right; padding-right: 100px; background-size: 100% 100%">INTERNATIONALES SETUP</li>
<li class="list-group-item" style="width: auto; text-align: right; padding-right: 90px; background-size: 100% 100%">ONPAGE OPTIMIERUNG</li>
<li class="list-group-item" style="width: auto; text-align: right; padding-right: 60px; background-size: 100% 100%">OFFPAGE OPTIMIERUNG</li>
<li class="list-group-item" style="width: auto; text-align: right; padding-right: 10px;; background-size: 100% 100%; margin-bottom: 50px">PROFESSIONELLES SEO-CONTROLLING</li>
</ul>
</div>
</div>

CSS:
.container{
background-image: url("teddi.jpg");
background-repeat: no-repeat;
background-position: top;
background-size: cover;
background-size: auto;
margin-right: 0;
margin-left: 0;
padding-right: 0;
width: 100%;
height: auto;
}

html, body {
margin: 0;
padding: 0;
}

So sieht es gerade aus:


Vielen Dank schonmal

 

[msi]

Crossposting: https://www.html-forum.de/threads/10975/

 

[montababa]

Crossposting: https://www.html-forum.de/threads/10975/

hi, ist das hier im Forum etwa nicht erlaubt oder ist das nur ein hinweis?

 

[msi]

hi, ist das hier im Forum etwa nicht erlaubt oder ist das nur ein hinweis?

Das ist in der Regel unerwünscht!

Dies habe ich aus einem anderen Forum kopiert:

Crossposting bedeutet, dass ein und dieselbe Frage in mehreren Foren oder Newsgroups gleichzeitig gestellt wird. Ein solches Verhalten wird von den meisten Helfern nicht toleriert, denn damit stellst Du einerseits die Kompetenz der Helfer jedes einzelnen Forums und Newsgroup in Frage und bewirkst zudem, dass ein zig-faches an Stunden aufgewendet wird, um nur ein einziges Problem zu lösen, denn überall werden sich die Helfer daran setzen, eine Lösung für Dich zu finden. Das ist ganz klar ein Missbrauch an dem kostenlosen und freiwilligen Support, der hier angeboten wird. Wenn Deine Frage klar und deutlich gestellt wurde, dann wirst Du ganz bestimmt innerhalb kürzester Zeit eine Antwort erhalten. Sollte dies auch nach mehreren Tagen nicht der Fall sein, dann versuche bitte die Frage besser zu formulieren. Falls Du dennoch in einem zweiten Forum posten solltest, erwähne bitte, dass Du die Frage schon woanders gestellt hast, und dass Du es tust, weil keine Lösung gefunden werden konnte.

 

[montababa]

Das ist in der Regel unerwünscht!

Oh, das hab ich nicht gewusst.

Dachte sogar dass es den Foren eher gut käme, mehr Beiträge zu haben. Woanders hatte ich auch gelesen, dass Crossposting geduldet wird. Also in nem anderen Forum.

Jedenfalls danke für den Hinweis, das obige Problem wurde bereits gelöst, habe nur jeden tag neue Hürden dieser Seite :)

 

[Sempervivum]

Wenn Du neue Hürden hast, immer her mit den Problemen ...

 

[montababa]

Wenn Du neue Hürden hast, immer her mit den Problemen ...

Dankeschön
Schön zu hören.
Ich versuche immer alles selbst zu lösen, um am besten dazu lernen zu können. Komme aber gerne auf euch zurück wenn ich nicht mehr weiter weiß..

Hab auch weiteres, wo ich hilfe für brauche, weil ich nicht weiter weiß.
Geht um Responsive Gestaltung. Habe alles gemeistert, sieht also so aus wie es sein soll, solange ich einen großen Bildschirm nutze. Es gibt noch zwei Sachen die in einem kleinen Bildschirm (Handy) nicht "schön" aussehen.
Darauf komme ich am Montag dann zurück

Vielen Dank für deine/eure Hilfe