Beiträge von Drmartinus

Hallo,
ich bin dabei, meine alte Webseite (mit immer aktuellen Inhalten) auf CSS für ein responsives Design umzustellen. Ich habe zwar früher schon CSS benutzt, aber ansonsten auch viel die alten HTML-Gestaltungselemente eingesetzt (Tabelle...).
Ich habe ein Grid angelegt mit 6 Spalten, von denen die linke und die rechte komplett mit Navigation, Links oder Werbung gefüllt sind. Die mittleren vier enthalten von oben nach unten den Header, eine "Unterüberschrift" und dann den eigentlichten Inhalt.
Eigentlich erwarte ich, dass die linke und rechte Spalte gleich breit sind, aber regelmäßig bläht sich die rechte Spalte auf, so dass der mittlere Bereich zusammengedrückt wird. Die rechte Spalte ist knapp doppelt so breit wie die linke. Das leuchtet mir nicht ein und ich möchte es gerne ändern. Dazu habe ich schon einiges versucht, leider ohne Erfolg. Hier die css (soweit ich vermute, dass es relevant ist):

body {
  display: grid;
  grid-gap: 5px;
  max-width: 99em;
  grid-template-columns: 1fr, 4fr, 1fr;
  grid-template-areas: "navi head head head head asid"
                       "navi ntag ntag ntag ntag asid"
                       "navi arti arti arti arti asid"
                       "navi foot foot foot foot asid";
  grid-template-rows: 1fr auto;
  background-color: #DFEAFF;
align-content: start;
}


footer {
  grid-area:   foot;
}


nav {
  grid-area:   navi;
  text-align: center;
}


article {
  grid-area:   arti;
  grid-row: 3 / 4;
  min-height: 85vh;
}


#werbung {
  grid-area:   werb;
}


ntag {
  grid-area:  ntag;
  min-height: auto;
  grid-row: 2 / 3;
}


aside {
  grid-area:   asid;
  text-align: center;
}


header {
  grid-area:   head;
  max-height: 7em;
  grid-row: 1 / 2;
}


header, nav, main, article, section, aside, footer, ntag {
    border-radius: 0.7em 0.7em 0.7em 0.7em;
    border: 1px solid;
    border-color: #0000C0;
    background-color: #DCDCDC;
    padding: 10px;
    margin: 5px;
}

P.s.: bin etwas säuerlich, weil mich das System hier vorhin rausgekickt hat, nachdem ich mit einiger Sorgfalt den Post fertig hatte und die Preview begutachten wollte. Alles weg. Ich hoffe, diesmal klappt's. Ich hatte wohl das "angemeldet bleiben" vergessen anzuklicken. Aber während man tippt, sollte das System doch nicht einfach runterzählen, oder? Ansonsten wäre eine Warnung nett...

Ich bin auch neu hier. Habe mir die Frage auch schon gestellt, aber ich denke, das macht jeder so, wie er's möchte. Ich denke mir, dass es schon gut ist, alles in einer Datei zu haben, dann müssen nicht mehrere Dateien auf dem Server geöffnet werden. Aber das sind nur Bruchteile von Sekunden. Es wird vielleicht komplizierter, wenn man mehrere Dateien hat, weil es vielleicht bei manchen Sachen nicht klar ist, was wo sein könnte. Dann ist die Suche über mehrere Dateien umständlicher.
In einer Datei kann man ebenfalls alles nach Bereichen ordnen, wenn's denn sein muss. Aber ich denke, es gibt viele CSS-Einstellungen, die übergreifend genutzt werden können. Von daher ergibt das Aufteilen in mehrere Dateien für mich wenig Sinn.