✔ Bootstrap Div-Container 30px kleiner als darüberliegender (responsive)

[mr-otin]

Hallo Community,

in meinem Layout wird eine Column kleiner dargestellt als die darüberliegende, obwohl sie mit der gleichen größe erstellt wurde. Und zwar ist der rechte untere Container (sidebar-info-bottom) gemeint...
Der drüberliegende hat genau die gleiche grösse jedoch ein margin-top von 25px

Schlimmer wird es wenn ich das Fenster auf ca. 795px (breite) verkleinere, dann verkleinert sich sidebar-info-bottom sowie footer-nav um jeweils 15px auf jeder Seite gegenüber dem Content-Div.

Ich habe schon probiert es über den Viewport anzupassen, jedoch macht er gar nix. Hättet ihr noch einen Lösungsansatz für mich. Danke im voraus

Zur Seite hier: www.deepgrey.de/berweiler/relaunch/

 

[SpiceLab]

"Element untersuchen" verrät, dass der untere Block in der HTML-Struktur tiefer verschachtelt ist, als der obere, und dessen Elternelement besitzt nunmal einen weiteren Innenabstand (links u. rechts jeweils 15px).

Gleiches gilt für den oberen Block gegenüber dem "Content".

 

[mr-otin]

Hallo SpiceLab,

danke für die Info. Problem behoben!

Lg
Dave

 

[Jan-Frederik Stieler]

Hi,
ich hab mir für solche Fälle eine eigene Hilfe-Klasse erstellt damit ich nicht die Struktur des HTML ändern muss.

.nogutter {
padding:0 !important;
margin:0 !important;
}

Grüße