zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Divs gleich groß mit CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.07.2019, 16:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.07.2019
Beiträge: 3
Tini12 befindet sich auf einem aufstrebenden Ast
Standard Divs gleich groß mit CSS

Hallo,

ich versuche schon seit Tagen meine Divs gleich groß zu bekommen und scheitere einfach kläglich

Ich hätte gerne, dass die Fenster für die Vorteile immer gleich groß sind.

Hat jemand einen Tipp für mich oder eine Idee, wie das gehen könnte?

Anleitungen im Internet habe ich gefunden. Da kann ich nur leider nicht die Fenster so anpassen

Aktuell sieht es so aus:

HTML-Code:
<div class="col-lg-3">
    <div class="div1"><span class="uschrift3">Beispiel 1</span><br><br>
Dein Vorteil
      </div><br></div>    
 <div class="col-lg-3">
 <div class="div1"><span class="uschrift3">Beispiel 1</span><br><br>
Dein Vorteilffff ffffffff ffffffff ffffffffff fffffffffffffffff ffffffffff fffffffffffffff fffffff
      </div></div>     
<div class="col-lg-3">
 <div class="div1"><span class="uschrift3">Beispiel 1</span><br><br>
Dein Vorteil
      </div></div>   
<div class="col-lg-3">
 <div class="div1"><span class="uschrift3">Beispiel 1</span><br><br>
Dein Vorteil
      </div></div>
HTML-Code:
.div1{padding:10px;  color:#7f7f7f;font-size:16px;line-height:1.6;border: 0px solid #ffffff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 2px 4px rgba(0,0,0,.2);background-color:#ffffff;text-align:center;margin-top: 45px;
margin-bottom: 45px;padding-top: 25px;padding-bottom: 25px }
Angehängte Grafiken
Dateityp: jpg div_gleichs_groß.jpg (28,2 KB, 10x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.07.2019, 20:46
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.918
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Der Screenshot korreliert nicht mit dem Code.Wenn ich deinen Code kopiere sind alle Boxen gleich gross.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.07.2019, 08:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.004
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

Außerdem: Soll uschrift für Überschrift stehen? Warum wird dann nicht eine Überschrift genommen? Es gibt mehr als nur div und span in HTML.
Mit Zitat antworten
  #4 (permalink)  
Alt 15.07.2019, 09:23
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.07.2018
Beiträge: 110
Sailor56 befindet sich auf einem aufstrebenden Ast
Standard

Vielleicht solltest du dich mal mit Flexbox...
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
etwas näher beschäftigen - damit findest du sicher eine Lösung.
Mit Zitat antworten
  #5 (permalink)  
Alt 15.07.2019, 16:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.07.2019
Beiträge: 3
Tini12 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
Der Screenshot korreliert nicht mit dem Code.Wenn ich deinen Code kopiere sind alle Boxen gleich gross.
Hallo,
ich habe mich leider etwas undeutlich ausgedrückt. Es geht mir darum, dass die Boxen auch gleich hoch sind. Eine geliche Breite bekomme ich ohne Probleme hin. Nur nicht eine gleiche Höhe :/
Mit Zitat antworten
  #6 (permalink)  
Alt 15.07.2019, 16:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.07.2019
Beiträge: 3
Tini12 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von cloned Beitrag anzeigen
Außerdem: Soll uschrift für Überschrift stehen? Warum wird dann nicht eine Überschrift genommen? Es gibt mehr als nur div und span in HTML.
h1-h6 sind anders vergeben. Daher wird hier eine andere Bezeichnung gewählt.
Mit Zitat antworten
  #7 (permalink)  
Alt 15.07.2019, 17:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.004
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

Zitat:
Zitat von Tini12 Beitrag anzeigen
h1-h6 sind anders vergeben. Daher wird hier eine andere Bezeichnung gewählt.
Du kannst sie nicht anders vergeben. Du meinst vielleicht sie sind anders gestyled? Das ist genau das, wofür Klassen da sind.
Du kannst <h1 class="TinisSuperKlasse"> Überschrift </h1> verwenden.

Aber es gibt nie (und wirklich nie) einen Grund eine Überschrift nicht als Überschrift auszuzeichnen. Das sind die semantischen Grundlagen von HTML.
Mit Zitat antworten
  #8 (permalink)  
Alt 15.07.2019, 17:02
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.918
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Tini12 Beitrag anzeigen
Hallo,
ich habe mich leider etwas undeutlich ausgedrückt. Es geht mir darum, dass die Boxen auch gleich hoch sind. Eine geliche Breite bekomme ich ohne Probleme hin. Nur nicht eine gleiche Höhe :/
Du hast mich falsch verstanden, ich habe deinen Code 1:1 kopiert und da sind die auch gleich hoch
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS Clearfix / CSS Reset / CSS Hacks 2016 Elma CSS 7 14.08.2016 02:12
CSS Divs in flexiblem Div zentrieren excessived CSS 2 12.03.2014 00:01
Ausrichten von 3 divs mit CSS aber wie? Muffel2k CSS 2 05.09.2009 09:14
unterschied zwischen IE und FF (css divs) EvilDragon CSS 2 19.06.2006 11:12
Wie lang bzw. groß darf eine CSS Datei sein? Steakfred CSS 27 05.06.2006 13:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:40 Uhr.