Beiträge von Dennis

So, also ich hab es jetzt mal getestet. Aber um ehrlich zusein komm ich bei der Methode nicht dahinder wie ich das Responsiv mache, also genauer gesagt so, das auf Handys die Boxen automatisch untereinander gestapelt werden.

Ich habe das jetzt soweit in der CSS

@media only screen and (max-width:620px) {
  .card {
     padding: 15px;
     display: flex;
  }

  .card section {
     box-shadow: 1px 1px grey;
     padding-left: 5px;
     padding-right: 5px;
     border: 1px solid lightgrey;
     border-radius: 5px;
     margin: 5px;
     break-after: always;
  }
}

Leider komme ich nicht dahinter, was ich da jetzt bei der CSS ändern muss, das es zu dem untereinander Stapeln kommt.
Bei inline-block Elementen hätt ich für das Responsive einfach das display in block geändert. Hier hab ich allerdings keine Idee.

okay, ich werde das mal ausprobieren.

Das mit der Rechtschreibung... Den Text hab ich mal so eben schnell während dem Englischunterricht geschrieben, um das ganze mit Content zu testen. Die Texte werden vor Release der Homepage eh noch mal grundlegend überarbeitet, auch inhaltlich....

Hallo,
ich habe 3 Divs welche den Bildschirm immer komplett ausfüllen sollen. Unabhänig der Bildschirmgröße (PC-Bildschirme, für Handys ist die Gestaltung bereits so wie sie soll), sollen die 3 Divs den Bildschirm immer zu fast 100% ausfüllen (margin links und Rechts soll 20px, und der Abstand zwischen den Divs soll 10px betragen.) Alle 3 Divs sollen immer gleich groß sein, unabhänig der Menge des Contents.

Das ist meine Bisherige Lösung:

<div class="maincalss">
    <h1  id="ueber_uns">Über uns</h1>
    <div class="card">
      <h2 class="cardh2">Wer ist Einsatzfahrten Baden-Württemberg?</h2>
        Einsatzfahrten Baden-Württemberg ist eine Instagram Seite, welche in Zusammenarbeit mit einigen
        ehrenamtlichen Reportern Bilder und Videos von Einsatzfahrzeuge, und auch deren Einsatzfahrten
        in Baden-Württemberg veröffentlicht.
    </div>
    <div class="card">
      <h2 class="cardh2">Wie entstand Einsatzfahrten Baden-Württemberg</h2>
        Einsatzfahrten Baden-Württemberg entsdand im Sebtember 2016 durch unseren Projektleiter und Gründer
        Max XXX. Nach und nach traten uns mehrere Reporter bei, welche uns seit daher regelmäßig mit
        Bild- und Videomaterial versorgen.
    </div>
    <div class="card">
      <h2 class="cardh2">Wie kann man bei uns mitmachen?</h2>
        Mitmachen kann man bei uns, in dem man sich über unser <a href="#">Bewerbungsformular</a> mit einer
        Aussagekräftigen Bewerbung und einem Beispielfoto bewirbt. Unsere Projektleiter werden sich diese dann
        anschauen und gemeinsam über eine Aufnahme in das Reporterteam entscheiden.
    </div>
  </div>

.card {
  max-width: 31%;
  min-width: 12%;
  height: 200px;
  display: inline-block;
  border: 1px solid lightgrey;
  border-radius: 5px;
  margin-left: 10px;
  box-shadow: 1px 1px grey;
  padding-left: 5px;
  padding-right: 5px;
}

Das ganze funktioniert auch, so lange ich es auf dem Bildschirm mit dem ich es getestet habe teste. Sobald ich einen anderen Bildschirm nutze, geht es nicht mehr.
Das ist das gewollte Ergebnis: http://prntscr.com/vjzbbd
Und das auf einem kleineren Bildschirm: http://prntscr.com/vjzccv

Hat einer von euch eine Idee, wie ich das lösen kann? Es soll auf allen PC-Bildschirmen, unabhänig der Größe genau so angezeigt werden (abgesehen der Text-zeilenumbrüche.). Für Handys hab ich es so umgesetzt, das alle DIVs untereinander mit width: 100% angezeigt werden.

#close

äh, vergessen zu schreiben..

konnte den Fehler fixen!

Im Template war u.A. ein paar zeilen JS am ende der Datei eingefügt. Ich habe zwar keinen Plan von JS, diese aber Testweise mal gelöscht, dann ging es.

Moinsen,

ich habe mit vor kurzem ein Free-Website Template geladen (ja, schande über mein Haupt, aber mir fehlen (noch) die Kentnisse das ganze ohne Template hochzuziehen).

Leider existiert bei diesem das Poblem, das ich keine Links mit einem einfachen "linksklick" öffnen kann, weil dann da einfach nichts passiert. Wenn ich aber auf dern Hyperlink Rechtsklick -> Link in neuem Tab öffnen mache, funktioniert das ganze Problemlos.

Hier mal die seite zum selbst testen (noch nicht fertig ) https://homepage.yourliferpg.com/

Dieses Problem besteht quer durch die komplette Website. Kann mir jemand helfen?

Danke schon mal im Vorraus!
MfG
Dennis