CSS - Anordnung DIV-Container passt nicht

Diskutiere CSS - Anordnung DIV-Container passt nicht im CSS Forum im Bereich Programmierung; In dieser in einem anderen System (bisher Wordpress) neu aufgesetzten Seite stimmt im Header die Anordnung der DIV-Container noch nicht ganz - ich...
S

Stefan Bee

New member
Beiträge
3
Punkte Reaktionen
0
In dieser in einem anderen System (bisher Wordpress) neu aufgesetzten Seite stimmt im Header die Anordnung der DIV-Container noch nicht ganz - ich komme aber leider nicht darauf, wo hier der Haken liegen könnte.

So sieht der Header aktuell aus:
https://dfgq-sp6fwtpc-aigpepu.worldsoft-wsw.com/

So soll der Header final aussehen (analog zur bisherigen Wordpress-Seite):
https://www.arbra-technik.de/

Es geht mir hier lediglich um die row, wo im linken Container das Logo steht und rechts dann in einem weiteren gemeinsamen Container Kontaktdaten und Menü. Dieser zweite Container bricht immer um...
Vielen Dank im Voraus für Eure Hilfe!
 
S

Sempervivum

Well-known member
Beiträge
274
Punkte Reaktionen
42
Das Umbrechen kannst Du durch display: flex; verhindern. Und am besten zusätzlich vertikal zentrieren:
Code:
.dein-container {
    display: flex;
    align-items: center;
}
 
S

Stefan Bee

New member
Beiträge
3
Punkte Reaktionen
0
Danke Dir! Das hat jedoch leider nicht funktioniert :-/.
Aktuell sieht der relevante Code (die beiden nebeneinander liegenden Boxen) so aus:
(...)
<div class="col-xl-4" style="background-color:white;margin-left:20px;display:flex!important;
align-items:center;"><img src="https://....." alt="Selfhtml" width="213">
</div>

<div class="col-xl-8" style="padding:5px;margin-left:20px;display:flex!important;align-items:center;">
(...)
 
S

Stefan Bee

New member
Beiträge
3
Punkte Reaktionen
0
MEGA !!! Jetzt hat es funktioniert!
(der übergeordneten Box war noch die Klasse "row" zugeordnet - das hat die korrekte Darstellung zuerst verhindert...)
Vielen Dank, Sempervivum!! :)
 
Thema:

CSS - Anordnung DIV-Container passt nicht

Oben Unten