Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

Jak podzielić stronę na pół

#1
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
 System operacyjny: windows_seven Przeglądarka: firefox
#2
RE: Jak podzielić stronę na pół
Dajesz 2 div-y jeden ustawiasz na position: fixed;
 System operacyjny: windows_seven Przeglądarka: firefox
#3
RE: Jak podzielić stronę na pół
Możesz dać kod?
 System operacyjny: windows_xp_2003 Przeglądarka: chrome
#4
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;
}
 System operacyjny: windows_seven Przeglądarka: firefox
Programy: Polecane / Nowe / Inne




Podobne wątki (Jak podzielić stronę na pół)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jak zrobić stronę do sprzedaży plików modeli 3d Kristoffer 3 7395 08.12.2017, 16:10
Ostatni post: Kristoffer
  Jak rozciągnąć stronę wraz z powiększaniem się jej zawartości? freqxu 1 6425 08.11.2017, 10:59
Ostatni post: doman18
  Jak zrobić stronę przesówaną? Przykładowe linki w opisie dawid653 2 7632 06.07.2015, 09:18
Ostatni post: Rincewind

Skocz do:


Wybrane wątki (Jak podzielić stronę na pół)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jaki kod pod taką stronę? aktywny27 11 19771 10.01.2018 19:36
Ostatni post: Ajgor
  Prośba o stworzenie strony internetowej. Matiexis 0 8204 08.01.2018 19:59
Ostatni post: Matiexis
  Zmiana wyglądu ''index of'' w XAMPP'ie domeczegg 3 7896 06.01.2018 13:14
Ostatni post: domeczegg
  Skąd za darmo podbrać wtyczki flash na stronę html5 ? aktywny27 0 7806 28.12.2017 10:01
Ostatni post: aktywny27
  Wybór pomiędzy dwoma hostingami-te same oczekiwania ale inne paramerty i cena raxer 4 7928 26.12.2017 10:31
Ostatni post: raxer
  Przetwarzanie arkusza stylów się nie powiodło bartek164 0 7309 22.12.2017 20:03
Ostatni post: bartek164
  Problem ze spamem - recaptcha Tazz 5 11458 22.12.2017 17:37
Ostatni post: Ajgor
  Problem z kodem po zmianie nazwy linku. yansowy 8 7640 12.12.2017 12:26
Ostatni post: yansowy
  Jak zrobić stronę do sprzedaży plików modeli 3d Kristoffer 3 7395 08.12.2017 16:10
Ostatni post: Kristoffer
  Awin opinie breko 6 10109 30.11.2017 12:43
Ostatni post: breko
  zmiana preferowanej wersji domeny google + all in one seo pack Lukaskov 0 6687 30.11.2017 06:03
Ostatni post: Lukaskov
  Czy to oszustwo? bartek164 5 6787 28.11.2017 23:58
Ostatni post: raxer
  Szablon wordpress podobny do innej strony letnil 1 6476 28.11.2017 13:21
Ostatni post: Arhant94
  Kupno książek do informatyki. p9av 0 5843 27.11.2017 13:08
Ostatni post: p9av
  Webinar - z generowaniem kodu/tokenu na określony czas Artur3333 3 6443 21.11.2017 21:59
Ostatni post: Michu_PL