Hallo Darelius,

<div id="main"> und <main> sind nicht das Gleiche. Deswegen greift die CSS Regel nicht, die das vertikale Scrolling für den Hauptteil aktiviert.

Der CSS Selektor main findet das <main>-Element.
Der CSS-Selektor #main findet das Element mit id="main".

<div>-Suppe ist Technik von vor 15 Jahren, und chronische Divitis ist eine Krankheit, die die Augen massiv schädigen kann 😉

Verwende die für das Seitenlayout vorgesehenen Containerelemente. <nav> für Navigation (da Du 2 hast, behalte die IDs nav1 und nav2 bei). <main>...</main> für den Hauptteil. Das selektierst Du mit dem main Selektor.

Falls Du noch sowas wie header oder footer-Bereich der Seite hast: dafür gibt's die Elemente <header></header> und <footer></footer>.

In deinen Navigationen empfehle ich Dir noch <ul> Listen, keine Tabellen. Die Listenpunkte und die Listeneinrückung bekommst Du mit CSS weg

ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

Im nav1 bekommst Du die Listenelemente mit einer Flexbox nebeneinander:

#nav1 ul {
   display: flex;
}

Rolf