Antwort an „KC“ verfassen

Hallo Leute,

ich bekomme jedesmal die Kriese beim Ausrichten von Banner Bildern. Das mit CSS margin: auto und display: block funktioniert keinesmal obwohl es auf allen möglichen CSS Tutorials so beschrieben wird.

HTML Code:

<section class="section main-banner" id="top" data-section="section1">
      
      <img src="assets/images/banner.jpg" />
  </section>

CSS:

.main-banner {
  position: relative;
  overflow: hidden;
  margin-bottom: -7px;
    max-width:100%;
    margin-top: 150px;
    background-color: #000;
}

Das Bild soll je nach Screensize horizontal und vertical zentriert werden. Ich bitte um Support

freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen