Ergebnis 1 bis 2 von 2

Thema: Div Anordnung bei Vernderung der Bildschirmgre

  1. #1
    HTML Newbie
    Registriert seit
    13.11.2018
    Beitrge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Div Anordnung bei Vernderung der Bildschirmgre

    Hallo, ich habe vier Divs die immer zu zweit nebeneinander bzw. untereinander angeordnet werden sollen. Das ganze klappt auch ziemlich gut, bis man die Bildschirmgre ndert. Wird der Bildschirm kleiner, so sollen die Divs nur noch untereinander angeordnet werden, dafr aber auf die gesamte Breite gestreckt werden und vor allem bei der mobilen Ansicht ist es wichtig, dass alles untereinander ist, da es sonst zu klein ist. Ich kriege das nur leider nicht hin.
    Der Code:
    HTML:
    HTML-Code:
    <!DOCTYPE html>
    <html lang="en" dir="ltr">  
    <head>    
    <meta charset="utf-8">    
    <title></title>    
    <link rel="stylesheet" href="CSS/stylesheet.css">  
    </head>  
    <body>
     <div class="main">      
    <div class="element">          
    <img src="PIC/wohnen.jpg" alt="" />          
    <div class="content">            
    <h2> Wohnen </h2>            
    <p>Wo werden Wohnungen gebraucht? Wo gibt es Leerstand? Auf diese Frage will die Vision Bergstrae Antworten finden.</p>          
    </div>      
    </div>      
    <div class="element">          
    <img src="PIC/gesundheit.png" alt="" />          
    <div class="content">            
    <h2> Gesundheit </h2>            
    <p>Die Bevlkerung ndert sich - die gesundheitliche Versorgung muss sich anpassen. Was brauchen wir im Kreis Bergstrae?</p>          
    </div>      
    </div>      
    <div class="element">          
    <img src="PIC/infrastruktur.PNG" alt="" />          
    <div class="content">            
    <h2> Infrastruktur </h2>            
    <p>Vom Einzelhandel ber Kitas bis hin zum PNV: Was braucht der Kreis Bergstrae in Zukunft fr eine Infrastruktur?</p>          
    </div>      
    </div>      
    <div class="element">          
    <img src="PIC/dialog.PNG" alt="" />          
    <div class="content">            
    <h2> Bisherige Online-Dialoge zur Vision Bergstrae </h2>            
    <p>Was ist Ihnen wichtig fr den Kreis Bergstrae? Zum Start der Vision Bergstrae im November 2017 konnten Sie sich auf dieser Plattform in einer Umfrage beteiligen. Die Ergebnisse der Umfrage finden Sie hier.</p>          </div>      
    </div>    
    </div>
      </body>
    </html>
    CSS:
    HTML-Code:
    body{  margin: 0px;  padding: 0px;}
    .main{  max-width: 1500px;  margin: auto;}
    .element{  float:left;  width: 48%;  min-width: 410px;  margin: 1%;  margin-bottom: 0px;  padding-bottom: 0px;  background-color: lightblue;}
    .element img{  width: 100%;}
    .element .content {  text-align: left;  padding: 3%;}
    Ich lade nochmal das ganze Projekt hoch, falls jemand das ausprobieren will. Vielen Dank schon mal im voraus fr die Hilfe!
    Angehngte Dateien Angehngte Dateien
    Gendert von UnknoenInnocent (13.11.2018 um 16:58 Uhr)

  2. #2
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beitrge
    1.638
    Danke
    24
    Bekam 138 mal "Danke" in 137 Postings

    Standard AW: Div Anordnung bei Vernderung der Bildschirmgre

    Schade: https://www.html-seminar.de/forum/th...%C3%B6%C3%9Fe/

    CrossPost sind nicht erwnscht
    [MOD: geschlossen]

hnliche Themen

  1. Hintergrundgrafik auf Bildschirmgre anpassen
    Von hangloose im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 01.08.2007, 18:28
  2. Tabelle mit Bildern an Bildschirmgre im IE anpassen
    Von DieSonja im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 12.02.2007, 16:43
  3. html-Seite der Bildschirmgre anpassen
    Von cutey im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 02.10.2005, 00:20
  4. Bildschirmgre beim Frameset
    Von Avorio1977 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 16.02.2005, 00:50
  5. Bilder dynamisch an Fenster- bzw. Bildschirmgre anpassen?
    Von Laser (Gast) im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 03.08.2004, 01:09

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhnge hochladen: Nein
  • Beitrge bearbeiten: Nein
  •