Hejsan Jesper!
Om jag har förstått det rätt så vill du att din css, meny och footer hänger med när man navigerar sig genom meny-valen men innehållet ändras baserat på vilken kategori man väljer.
Jag vet inte hur mycket du har jobbat med hemsidor men en simpel lösning kan vara att använda sig utav lite PHP för att göra sidan lite mer dynamisk.
Jag har tagit din kod och gjort lite ändringar. Först och främst flyttar jag ut början av dokumentet till slutet av menyn i en egen fil jag kallat "header.php"( ett tips är också att ta vana till att använda <meta charset="utf-8"> så blir åäö inte så konstiga )
header.php
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="isakcss.css" />
<title>Örebro Bryggeriet</title>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="menu">
<ul>
<li class="kontakt"><a href="#">Kontakt</a></li>
<li class="omoss"><a href="#">Om oss</a></li>
<li class="produkter"><a href="products.php">Produkter</a></li>
<li class="vaelkommen"><a href="#">Välkommen</a></li>
</ul>
</div>
Dold text
Därefter gör vi samma sak med footern ända till slutet av dokumentet, den väljer jag att kalla "footer.php"
footer.php
<div id="footer"><h3>Örebro Bryggeriet sedan 2015</h3></div>
</body>
</html>
Dold text
Så, när vi väl har båda delarna så kan vi nu slå ihop dem i vår index.php med vårt innehåll på index-sidan
index.php
<?php
include 'header.php';
?>
<div id="content">
<div id="content_top">hejsan</div>
<div id="content_main">
</div>
<div id="content_bottom">Hejsan</div>
<?php
include 'footer.php';
?>
Dold text
Detta gör att om du behöver göra några ändringar i t ex menyn så appliceras det på alla sidor genom att ändra ett dokument istället för att behöva ändra det på alla dokument du har. Du såg kanske att jag hade ändrat en utav dina länkar i menyn. I products.php gör jag samma sak som i index.php men ändrar innehållet till det passande.
products.php
<?php
include 'header.php';
?>
<div id="content">
<div id="content_top"></div>
<div id="content_main">
<h3>Produkter</h3>
</div>
<div id="content_bottom">Hejsan</div>
<?php
include 'footer.php';
?>
Dold text
Gör du nu en ändring i header.php så ändras det på varje sida då allt är kopplat till den och samma sak med din css-fil så du slipper skapa flera css-filer för varje sida. Har du några funderingar så fråga på!
