Liczba postów: 17
Liczba wątków: 10
Dołączył: 05.11.2016
28.02.2017, 16:50
Jak podzielić stronę na pół
Witam, wie ktoś jak podzielić swoją stronę na pół w taki oto sposób?
Przykład:
http://allchans.org/
Chcę aby w jednej tabeli po lewo wyświetlała się strona np. z menu.html, a po prawej z index.html
Liczba postów: 197
Liczba wątków: 6
Dołączył: 12.09.2015
28.02.2017, 16:52
RE: Jak podzielić stronę na pół
Dajesz 2 div-y jeden ustawiasz na position: fixed;
Liczba postów: 17
Liczba wątków: 10
Dołączył: 05.11.2016
28.02.2017, 17:07
RE: Jak podzielić stronę na pół
Możesz dać kod?
Liczba postów: 197
Liczba wątków: 6
Dołączył: 12.09.2015
02.03.2017, 15:46
RE: Jak podzielić stronę na pół
Kod:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link href="css.css" rel="stylesheet" media="screen">
<title>aa</title>
</head>
<body>
<div class="cont">
<div class="left">
Lewa kolumna
</div>
<div class="right">
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
fejkwejwfejklwefkldfffffdgfddffffff<br>
</div>
</div>
</body>
</html>
Kod:
html,body {
margin:0;
height: 100%;
}
.cont{
height: 2000px;
}
.left {
border: 1px solid green;
width: 20%;
height: 100%;
position: fixed;
}
.right{
border: 1px solid red;
margin-left: 20%;
padding-left: 20px;
}
