Witam,
gdy w divie content mam jakąś treść i rozwinę menu to w divie content dzieją się dziwne rzeczy.
Strona dostępna jest na hostingu: 698197568mk.online
<!DOCTYPE html-5>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AmCar-Wiki</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
<style>
*{
margin: 0;
padding: 0;
background-color: #262626;
color: #ffffff;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
img{
height: 90%;
display: block;
margin-left: auto;
margin-right: auto;
}
.logo{
text-align: center;
padding: 30px;
font-size: 45px;
font-weight: 700;
background-color: #373737;
}
.menu{
width: 70%;
margin-right: auto;
margin-left: auto;
position: sticky;
padding: 20px;
text-align: center;
}
.background{
background-image: url(https://www.gieldaklasykow.pl/wp-content/uploads/2021/12/impala.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 79%;
width: 100%;
}
.content{
width: 70%;
margin-left: auto;
margin-right: auto;
text-align: justify;
padding: 7px;
max-height: 100%;
overflow: auto;
}
.footer{
padding: 10px;
background-color: #373737;
margin: 0;
text-align: center;
position: absolute;
bottom: 5px;
right:0px;
width:100%;
}
.link{
text-decoration: none;
}
ol{
padding: 0;
margin: 0;
list-style-type: none;
height: 35px;
line-height:200%;
}
ol a{
display: block;
}
ol > li{
float:left;
width: 19%;
border-right: 1px dashed white;
}
ol > li:first-child{
border-left: 1px dashed white;
}
ol a:hover{
background-color: #373737;
}
ol > li > ul > li{
display: none;
}
ol > li:hover ul > li{
display: block;
}
</style>
<?php
$page_name = $_GET['action'] ?? null;
?>
</head>
<body>
<div class="logo"><a href="index.php" style="text-decoration: none; background-color: #373737;">AmCar<span style="color: #cccc00; background-color: #373737;">Wiki</span></a></div>
<div class="menu">
<ol>
<li><a href="?action=dodge" class="link">Dodge</a>
<ul>
<li><a href="#">Charger</a></li>
<li><a href="#">Charger Daytona</a></li>
<li><a href="#">Viper</a></li>
<li><a href="#">Ram</a></li>
<li><a href="#">Challenger</a></li>
</ul>
</li>
<li><a href="?action=chevy" class="link">Chevrolet</a>
<ul>
<li><a href="#">Nova</a></li>
<li><a href="#">Impala</a></li>
<li><a href="#">Chevelle</a></li>
<li><a href="#">Bel Air</a></li>
<li><a href="#">Camaro</a></li>
<li><a href="#">Corvette</a></li>
<li><a href="#">Caprice</a></li>
<li><a href="#">Monte Carlo</a></li>
<li><a href="#">Del Ray</a></li>
</ul>
</li>
<li><a href="?action=pontiac" class="link">Pontiac</a>
<ul>
<li><a href="#">Firebird</a></li>
<li><a href="#">Gto</a></li>
</ul>
</li>
<li><a href="#" class="link">Buick</a>
<ul>
<li><a href="#">Wildcat</a></li>
<li><a href="#">Gs400</a></li>
<li><a href="#">Riviera</a></li>
</ul>
</li>
<li><a href="#" class="link">Lowride</a>
<ul>
<li><a href="#">Impala</a></li>
<li><a href="#">Wildcat</a></li>
<li><a href="#">Bel air</a></li>
<li><a href="#">Caprice</a></li>
<li><a href="#">Monte Carlo</a></li>
<li><a href="#">Riviera</a></li>
<li><a href="#">Del Ray Delivery</a></li>
</ul>
</li>
</ol>
</div>
<div class="background">
<div class="content">
<?php if($page_name === "dodge") echo 'Dodge – amerykański producent samochodów osobowych, vanów, samochodów sportowych, SUV-ów, pickupów i muscle carów z siedzibą w Auburn Hills działający od 1913 roku.
Wchodzi w skład międzynarodowego koncernu Stellantis. <br />
<img src="https://ramcars.pl/media/tz_portfolio_plus/article/cache/dodge-charger-r-t-5-7-hemi-759-11_o.jpg">'; ?>
<?php if($page_name === "chevy") echo 'Chevrolet – amerykański producent samochodów osobowych, SUV-ów, samochodów sportowych, vanów i pickupów z siedzibą w Detroit działający od 1911 roku.
Marka należy do amerykańskiego koncernu General Motors.<br />
<img src="https://www.autocentrum.pl/ac-file/news/5dcbf0c2583a0f79bf1caa4e/chevrolet-camaro-zl1-i-640-km.jpg">'; ?>
<?php if($page_name === "pontiac") echo 'Pontiac – dawny amerykański producent samochodów osobowych, sportowych i vanów z siedzibą w Detroit działający w latach 1926–2010.
Marka należała do amerykańskiego koncernu General Motors.<br />
<img src="https://ireland.apollo.olxcdn.com/v1/files/eyJmbiI6IjkzdzRvaGx1OHNuNy1PVE9NT1RPUEwiLCJ3IjpbeyJmbiI6IndnNGducXA2eTFmLU9UT01PVE9QTCIsInMiOiIxNiIsInAiOiIxMCwtMTAiLCJhIjoiMCJ9XX0.v91t0dHslVDF191irSkah6rU4SwOkaJtKJ7MytH1BQk/image;s=320x240">'; ?>
</div>
</div>
<div class="footer">AmCarWiki© 2022</div>
</body>
</html>
Z góry dziękuję za odpowiedzi
