@teenager_python

Как сделать правый блок параллельно левого?

Нужно сделать правый блок, который зеленый, одинаковый с левым блоком Menu.6025055d8c202569392282.jpeg

<!DOCTYPE html> 
 <html lang="en"> 
 <head> 
 <meta charset="UTF-8"> 
 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 <title>Document</title> 
 <link rel="stylesheet" href="style.css"> 
 </head> 
 <body> 
 <div class="naglowek"> 
 Nagłówek 
 </div> 
 <div class="pasek1"> 
 Pasek nawigacjyny 1 
 </div> 
 <div class="pasek2"> 
 Pasek nawigacyjny 2 
 </div> 
 <div class="menu"> 
 <h1 align="center">Menu</h1> 
 <ol> 
 <li><a href="#microsoft">Microsoft</a></li><br/> 
 <li><a href="#google">Google</a></li><br/> 
 <li><a href="#yahoo!">Yahoo!</a></li><br/> 
 <li><a href="#zrodla">Źródła</a></li><br/> 
 </ol> 
 </div> 
 <div class="sekcja1"> 
 <h1 align="center" id="microsoft">Microsoft</h1> 
 <p> 
 Microsoft Corporation [ˈmaɪkɹoʊˌsɑːft] – amerykańskie przedsiębiorstwo informatyczne. 
 Najbardziej znane jako producent systemów operacyjnych MS-DOS, Microsoft Windows i oprogramowania biurowego Microsoft Office. Spółka publiczna z siedzibą w Redmond w stanie Waszyngton. Założona w 1975 roku przez Billa Gatesa i Paula Allena. W 2012 roku przedsiębiorstwo posiadało 10 000 patentów. Przeciętne wynagrodzenie pracowników to 106 tys. dolarów rocznie. W 2014 roku prezesem przedsiębiorstwa został Satya Nadella, który zastąpił na tym stanowisku Steve’a Ballmera. Od 2001 roku przedsiębiorstwo produkuje konsole do gier Xbox. 
 </p> 
 </div> 
 <div class="sekcja2"> 
 <h1 align="center" id="google">Google</h1> 
 <p> 
 Google LLC (dawniej Google Inc.) – amerykańskie przedsiębiorstwo informatyczne. 
 <br/> 
 Jego flagowym produktem jest wyszukiwarka Google, a deklarowaną misją – uporządkowanie światowych zasobów informacji tak, by stały się powszechnie dostępne i użyteczne dla każdego. 
 </p> 
 </div> 
 <div class="sekcja3"> 
 <h1 align="center" id="yahoo!">Yahoo!</h1> 
 <p> 
 Yahoo! – amerykański portal internetowy posiadający wersje w kilkunastu językach. 
 <br/> 
 Główna siedziba znajduje się w Sunnyvale, w stanie Kalifornia, w USA. 
 </p> 
 </div> 
 <div class="artykul"> 
 <h1 align="center" id="zrodla">Źródła</h1> 
 <ul> 
 <li><a href="https://pl.wikipedia.org/wiki/Microsoft">Microsoft</a></li> 
 <li><a href="https://pl.wikipedia.org/wiki/Yahoo!">Yahoo!</a></li> 
 <li><a href="https://pl.wikipedia.org/wiki/Google">Google</a></li> 
 </ul> 
 </div> 
 <div class="reklama"> 
 Pasek reklam 
 </div> 
 <div class="stopka"> 
 Stopka 
 </div> 
 </body> 
</html>


.naglowek, .stopka { 
 background-color: yellow; 
 clear: both; 
 position: relative; 
 width: 1200px; 
 padding-top: 10px; 
 padding-bottom: 10px; 
} 
 
.pasek1 { 
 background-color: lightblue; 
 padding-top: 15px; 
 padding-bottom: 15px; 
 float: left; 
 width: 600px; 
} 
 
.pasek2 { 
 background-color: seagreen; 
 padding-top: 15px; 
 padding-bottom: 15px; 
 float: left; 
 width: 600px; 
} 
 
.menu { 
 background-color: pink; 
 float: left; 
 width: 200px; 
 padding-top: 286px; 
 padding-bottom: 286px; 
} 
 
.sekcja1 { 
 background-color: lightcoral; 
 position: relative; 
 float: left; 
 width: 700px; 
 padding-top: 20px; 
 padding-bottom: 20px; 
} 
 
.sekcja2 { 
 background-color: brown; 
 position: relative; 
 float: left; 
 width: 700px; 
 padding-top: 20px; 
 padding-bottom: 20px; 
} 
 
.sekcja3 { 
 background-color: red; 
 position: relative; 
 float: left; 
 width: 700px; 
 padding-top: 20px; 
 padding-bottom: 20px; 
} 
 
.artykul { 
 background-color: lightgoldenrodyellow; 
 position: relative; 
 float: left; 
 width: 700px; 
 padding-top: 20px; 
 padding-bottom: 20px; 
} 
 
.reklama { 
 background-color: darkcyan; 
 position: relative; 
 float: left; 
 width: 300px; 
 padding-top: 286px; 
 padding-bottom: 286px; 
}
  • Вопрос задан
  • 45 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы