Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

DIV Container einheitliche Höhe

Mitglied: Yanmai

Yanmai (Level 1) - Jetzt verbinden

29.04.2017 um 23:23 Uhr, 1578 Aufrufe, 7 Kommentare, 1 Danke

Hallo ihr Administratoren,
ich habe DIVs mit der display: inline-block Eigenschaft. An sich funktioniert alles, aber wenn in einem Container mehr Text ist, wird dieser von der Höhe her anders dargestellt als die anderen. Gibt es eine Möglichkeit alles DIVs gleich groß zu machen?

01.
<div class="index-items">
02.
                    <img src="uploads/iconmonstr-car-3-120.png" class="index-image" alt="Bild" />
03.
                    <div class="footer">
04.
                         <label>EU-Neuwagen-Beschaffung</label>
05.
                     </div>
06.
                 </div>
01.
.index-items {
02.
        display: inline-block;
03.
        width: 25%;
04.
        padding-top: 40px;
05.
        border: 1px solid #818181;
06.
        height: 25%;
07.
        background-color: #212121;
08.
        margin-top: 40px;
09.
        margin-right: 40px;
10.
    }
11.
    .index-items:hover {
12.
        border: 1px solid yellow;
13.
    }
14.
    .footer {
15.
        text-align: center;
16.
        bottom: 0;
17.
        color: yellow;
18.
    }
19.
    .footer label {
20.
        padding-left: 10px;
21.
        padding-right: 10px;
22.
    }
23.

24.
    .index-image {
25.
        margin: auto;
26.
        display: block;
27.
        width: 28%;
28.
    }
unbenannt - Klicke auf das Bild, um es zu vergrößern

Mitglied: Herbrich19
30.04.2017 um 10:23 Uhr
Hallo,

Es gibt max-height oder so ähnlich. Damit sollte es gehen


Gruß an die IT-Welt,
J Herbrich
Bitte warten ..
Mitglied: em-pie
30.04.2017 um 10:41 Uhr
Moin,

wie herberich bereits schrieb: ein max-height könnte dein Problem lösen:
https://www.w3schools.com/cssref/pr_dim_max-height.asp

Gruß
em-pie
Bitte warten ..
Mitglied: Herbrich19
30.04.2017 um 11:28 Uhr
Bin ganz deiner Meinung. Zumindest nutze ich bei sowelchen Menus immer eine Max Height Eigenschaft

Gruß an die IT-Welt,
J Herbrich
Bitte warten ..
Mitglied: Yanmai
01.05.2017 um 13:26 Uhr
Danke, aber wie mache ich das jetzt, dass der eine Container richtig in die Reihe kommt? Der erste ist ja nach oben hin versetzt
Bitte warten ..
Mitglied: em-pie
01.05.2017 um 13:31 Uhr
Ohh mann...

du willst deine Kacheln doch positionieren, oder nicht?
Dann suche doch einfach nach "CSS positionieren" und irgendwann stolperst du über dieses Property:
https://www.w3schools.com/css/css_positioning.asp

Mit vorkauen ist der Lerneffekt gleich Null...

Lies dich auch mal hier ein:
Link
Bitte warten ..
Mitglied: Yanmai
01.05.2017 um 19:33 Uhr
Danke für die Antwort, ich habe als display die inline-blick Eingenschaft und als position: relative. Das erste ist aber immer noch nach oben versetzt
Bitte warten ..
Ähnliche Inhalte
CSS

Div zu übergeordnetem div ausrichten

gelöst Frage von tsunamiCSS2 Kommentare

Hallo, ich möchte sowas wie einen Tagesablauf dokumentieren. 1.2.19 usw. Das Ganze farblich mit Divs dargestellt. Soweit so gut. ...

Microsoft Office

Geschäftliche E-Mailvorlagen (einheitlich u. einfach)

gelöst Frage von JollyJumper83Microsoft Office4 Kommentare

Hallo liebe IT-Gemeinde, ich verzweifel bald. Ich bin seit Tagen auf der Suche und werde nicht fündig. Vielleicht fehlt ...

Windows 10

Windows 10 Startmenü Taskbar - einheitlich per GPO verteilt

Frage von stuckroseWindows 101 Kommentar

Hallo, ich will für alles das selbe Startmenü bei uns verteilen, jedoch klappt es nicht: Hier das script: Das ...

CSS

Css div-Boxen nebeneinander

gelöst Frage von tsunamiCSS2 Kommentare

Hallo, ich habe Thema welches auf den ersten Blick mit unzähligen ähnlichen Ansätzen funktionieren soll, tut es aber nicht. ...

Neue Wissensbeiträge
LAN, WAN, Wireless
OPNsense Captive Portal mit vordefnierten Voucher
Tipp von Crusher79 vor 23 StundenLAN, WAN, Wireless

Hallo, Ziel war es vorhandene Klienten-Daten (Nummer im System) und Kennwörter anzulegen. Voucher werden durch externes Programm in Papierform ...

Administrator.de Feedback
Entwicklertagebuch: Die nächste Version
Information von admtech vor 1 TagAdministrator.de Feedback6 Kommentare

Hallo Administrator User, vielleicht haben es einige User schon mitbekommen: Wir arbeiten aktuell an einer komplett neuen Version von ...

Windows Server

Active Directory ESE Version Store Changes in Server 2019

Information von Dani vor 5 TagenWindows Server

Moin, Last month at Microsoft Ignite, many exciting new features rolling out in Server 2019 were talked about. But ...

Exchange Server

Microsoft Extending End of Support for Exchange Server 2010

Information von Dani vor 5 TagenExchange Server5 Kommentare

Moin, After investigating and analyzing the deployment state of an extensive number of Exchange customers we have decided to ...

Heiß diskutierte Inhalte
Windows Server
Windows Domäne, SBS 2011, Anmeldung als Admin nicht mehr möglich
Frage von big-dummyWindows Server19 Kommentare

Hallo, vorab: ich habe nun leider keine Grundruhe mehr - die Folgen wären katastrophal. Was ist das Problem: Ich ...

Router & Routing
Anmeldung am Router von einer ext. IP?
Frage von BigSnakeyeRouter & Routing15 Kommentare

Hallo, ich habe gerade seltsames in meiner Fritzbox entdeckt. Plötzlich war die Verbindung unterbrochen - kein Internet. Also habe ...

Windows 10
Win 10 PC blockiert
Frage von tsunamiWindows 1013 Kommentare

Guten Morgen, ich habe ein komisches Problem: Windows 10 Pro PC startet normal. Internet ist für ca. 5 Sekunden ...

KVM
Performance Verlust durch Virtualisierung
Frage von RalleoniusKVM12 Kommentare

Hallo zusammen, ich überlege meinen Server mit Debian, der als Webserver dient zu virtualisieren um eine 2te Maschine auf ...