Hallo,
ich habe das Layout auf “gedehntes Layout” gestellt. Brauche aber für das Titelbild und den Content eine fixe Breite. Die habe ich auch eingestellt und das passt soweit.
Wie kriege ich es nun hin, dass das Logo und das Menü nur die Breite des Contents haben und nicht die komplette Bildschirmbreite?
Habe es hiermit versucht:
/*Abstand Logo rechts*/
.container.av-logo-container {
margin-left: 20%;
}
/*Abstand Menü links*/
#top .main_menu {
margin-right: 37%;
}
Allerdings ist der Abstand dann immer relativ zum jeweiligen Bildschirm und der Abstand passt auf kleineren Bildschirmen nicht mehr.
Danke für die Hilfe.
Hey gdsconcepts,
Versuche bitte einmal diesen CSS Code:
#top #header .inner-container {
max-width: 1240px;
padding: 0px 50px;
}
und passe die Werte ggf an die Breite deines Contents an.
LG,
Peter
Hey,
die Breite verringert sich aber jetzt ist der komplette Bereich an der linken Seite.
LG
Hi,
Der Container muss vermutlich noch zentriert werden – dieser Code sollte helfen:
#top #header .inner-container {
max-width: 1240px;
margin: 0 auto;
padding: 0px 50px;
}
LG,
Peter
Super, funktioniert. Vielen Dank