Meine gerade im Umbau befindliche, nun responsive Website (mobile first) hat (zumindest in der schmalen Schlauchversion für Smartphones) einen oben festgenagelten header. Beim Zusammenschieben (gut, das ist bei Smartphones nur sehr begrenzt der Fall, dennoch ... dann sagen wir Tabletts ;-)) kommt es zu Zeilenumbrüchen, und das unter dem festgenagelten header liegenede Element (main) wird teilweise überdeckt, weil nun das padding-top nicht mehr ausreicht. Einfach den padding Wert generell höher zu setzen sieht nicht gut aus und soll vermieden werden.
Gibt es mit reinem CSS (also ohne JS) eine Möglichkeit per calc(), oder?, oder?, den tatsächlichen heigth-Wert des headers als padding-top Wert (+X) für main zu nutzen? Ich vermute eigentlich nein, weil wie ich es verstehe kann man vielleicht ein Attribut auslesen, nicht aber einen berechneten Wert.
Ok, dann anders: Habe ich Unrecht und es geht doch irgendwie (ohne JS)?