Andreas Irmer: Was mache ich bei der Positionierung falsch

Beitrag lesen

Hallo zusammen, ich bin ziemlicher Anfänger aber muss gerade meine eigene Seite aufbauen. Zu finden unter www.autarker.de.

Ausgehend von der Fragestellung, wie kann ich das Logo und das Menü auf der Seite fixieren, damit nur die anderen Dinge gescrollt werden, probiere ich jetzt seit Tagen herum und habe schon x Sachen aus google und Co gesucht und wieder verworfen.

Ich arbeite mit T3 BS Joomla und habe dort die Custom.css Datei so verändert:

.t3-header {
  position:fixed;
  top:0px;
  left:50%;
  width:1170px;
  margin-left:-585px;
  z-index:999;
  background: #f3f3f3;
}

.t3-mainnav {
  position:fixed;
  top: 176px;
  left:50%;
  width:1170;
  margin-left:-585px;
  z-index:999;
}

.t3-content {
  
  margin-top: 228px;
}

Das Ergebnis sieht auf breiten Screens ja gut aus, ABER:

  1. Wird der Browser kleiner gemacht, stimmt die Positionierung nicht mehr.
  2. Das Logo wird kleiner, wenn der Browser schmaler wird. Die Positionierung ist aber immer noch absolut in der Höhe und damit "verschenke" ich wichtigen Platz.

Danke für eure Hilfe.

Gruß Andreas