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 7396 08.12.2017, 16:10
Ostatni post: Kristoffer
  Jak rozciągnąć stronę wraz z powiększaniem się jej zawartości? freqxu 1 6426 08.11.2017, 10:59
Ostatni post: doman18
  Jak zrobić stronę przesówaną? Przykładowe linki w opisie dawid653 2 7633 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
Question Co sądzicie o edytorze Gutenberg w WordPress? radekhetero 2 3163 15.11.2019 15:55
Ostatni post: Alsenas
  Konfiguracja wampserver 2019. ~Anonim 3 1371 11.10.2019 05:26
Ostatni post: Michu_PL
  wyswietlanie pliku w php roxses 0 1203 07.10.2019 14:43
Ostatni post: roxses
  Content Management System thinkPL 6 1603 06.10.2019 22:08
Ostatni post: thinkPL
  PHP - przycisk wykonujący równanie SalyWan 1 1304 03.10.2019 16:11
Ostatni post: Szachista
  Skopiowanie strony forum przez program HTTrack Website Copier ANDREAN 9 4433 06.09.2019 21:51
Ostatni post: ANDREAN
  Poszukuję skryptu ogłoszeń / Joomla. dongtuuyen 2 3927 25.07.2019 09:56
Ostatni post: Spidi
  Upload pliku na serwer i do bazy danych mati514 3 4577 16.05.2019 17:12
Ostatni post: mati514
Big Grin [PHP] Rotator linków, który nie wyświetli danego linka. semozo 1 5620 13.04.2019 10:29
Ostatni post: wlisik
  Wywołanie diva funkcją SebastianF 3 6086 25.03.2019 10:55
Ostatni post: hydr4x
Scared front-end czy back-end gbr 7 11083 23.03.2019 16:56
Ostatni post: luciussulla
  Gdzie odpłatnie wypozycjonować swoją stronę w html5 w google za 100zł? aktywny27 13 22451 17.02.2019 21:44
Ostatni post: SEMPIRE
  xampp konwersja video milutki182 3 11775 10.02.2019 13:18
Ostatni post: Ajgor
  HTML a Wordpress Majki_77 3 10773 10.02.2019 13:17
Ostatni post: Ajgor
  Gotowe klasy xCart 0 5734 08.02.2019 17:16
Ostatni post: xCart