Witam,
mam problem z ustawieniem drugiego video na stronie. Chce, aby znajdowało po prawej stronie ale, nie działa(nie wiem dlaczego). Ktoś pomoże?
Oto kod
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Zabawa divami</title>
<link rel="stylesheet" type="text/css" media="screen" href="style5.css" />
</head>
<body>
<div id="container">
<div id="logo">
<font size="8">ZESPÓŁ MUZYCZNY <i>,,TERAZ MY "</i></font>
</div>
<br><br>
<div id="nav">
<font size="4">Menu:</font>
<br>
<a href="http://terazmy.com.pl/oferta/">Oferta</a><br>
<a href="https://www.youtube.com/watch?v=w0EF3AxJwLU">Link2</a><br>
<a href="https://www.youtube.com/watch?v=w0EF3AxJwLU">Link3</a><br>
<a href="https://www.youtube.com/watch?v=w0EF3AxJwLU">Link4</a><br>
</div>
<div id="content">
<div id="video1">
<video width="400" controls>
<source src="1.mp4" type="video/mp4" align="left">
</video>
</div>
<div id="video2">
<video width="400" controls>
<source src="2.mp4" type="video/mp4">
</video>
</div>
</div>
<div id="footer">
<font size="4">Moja strona! © Wszelkie prawa zastrzeżone. Lucjan Frączek</font>
</div>
</body>
</html>
A to kod stylów
#container
{
width: 1320px;
margin-left: auto;
margin-right: auto;
}
#logo
{
background-color: orange;
color: dark;
text-align: center;
height: 100px;
}
#nav
{
float: left;
background-color: lightgray;
width: 200px;
min-height: 730px;
padding: 10px;
}
#content
{
background-image: url("zespol.jpg");
float: left;
width: 1080px;
min-height: 730px;
padding: 10px;
}
#footer {
background-color: orange;
color: black;
text-align: center;
}
#video1 {
height: auto;
position: absolute;
float: left;
top: 650px;
}
#video2 {
height: auto;
position: absolute;
float: right;
top: 450px;
}