Einzelnen Beitrag anzeigen
  #4 (permalink)  
Alt 21.01.2021, 01:17
MrMurphy MrMurphy ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.092
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Eine Lösung mit CSS-Grid:

Zunächst musst du die beiden float-Angaben löschen. Und dann das folgende CSS hinzufügen:

Code:
      body {
         display: grid;
         grid-gap: 1rem;
         grid-template-columns: 200px 1fr;
         grid-template-rows: 1fr 1fr 1fr;
         grid-template-areas:
            "div1 p1"
            "div1 div2"
            "div1 tabelle1"
         ;
      }
      #Div1 { 
        grid-area: div1; 
      } 
      #p1 { 
        grid-area: p1; 
      } 
      #Div2 { 
        grid-area: div2; 
      } 
      #Tabelle1 { 
        grid-area: tabelle1; 
      }
Mit Zitat antworten