To mnie dziwi, bo takiego problemu nie mam niżej, a zrobiłe identycznie, chodzi o klasy "two"
Kopiuj
<!DOCTYPE html>
<html>
<head>
<title>Bartek page</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="menu">
<div class="memu_show">
<div class="bartus">Bartuś</div>
<div class="menu-wrapper">
<a href="">Home</a>
<a href="">Gallery</a>
<a href="">About</a>
</div>
</div>
</div>
<h1 id="welcome">Helo on my page</h1>
<div class="container" style="margin: 0 70px;">
<div class="one">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius ac nunc porttitor sagittis. Ut vel eros rhoncus, tristique purus vel, porttitor erat. Mauris convallis ac justo vitae semper. Morbi tincidunt velit felis, non eleifend orci mollis eget. Duis elementum nunc sagittis, ultricies augue sit amet, posuere libero. Mauris eu iaculis neque. Fusce facilisis fringilla augue, nec porttitor sapien iaculis nec. Maecenas vehicula tincidunt vulputate. Vivamus porttitor enim nec dignissim porta. Morbi euismod est odio, non venenatis dolor efficitur vitae. In sollicitudin eros augue, condimentum feugiat ex dictum non. Pellentesque nec metus luctus, malesuada urna nec, convallis lacus. Sed cursus, ipsum non volutpat accumsan, eros orci rhoncus nisl, eu luctus libero dolor vel arcu.
Donec maximus nunc eget ante mollis, eu venenatis mi eleifend. Suspendisse ac libero enim. Sed commodo mattis augue in egestas. Sed semper varius nisl a lobortis. Donec elementum ex a consectetur semper. Fusce et turpis mi. Quisque ac viverra felis.
Mauris erat eros, tincidunt elementum maximus nec, auctor in lacus. Morbi eu felis neque. Phasellus vestibulum tempor imperdiet. Cras sollicitudin sapien id nulla porttitor, sit amet malesuada est pulvinar. Cras in aliquet massa, sed scelerisque ipsum. Integer vel efficitur lectus. Phasellus auctor quam risus, in lobortis nunc dictum vitae.
Nullam a ligula congue, <br>finibus sem at, consequat erat. Nulla blandit mauris non fringilla tempus. Quisque tempus sodales neque, vel fringilla orci placerat a. Proin in ex mauris. Quisque rhoncus, dui at tincidunt vestibulum, ante ligula finibus sem, nec bibendum purus nibh ac quam. Mauris efficitur dolor dui, sit amet malesuada augue suscipit ut. Aenean ac velit non lacus malesuada vulputate. Donec maximus dolor et faucibus rutrum. Phasellus non nunc non urna dictum porta.
Etiam dapibus purus leo, vitae finibus mauris elementum vel. Etiam erat lectus, sagittis et turpis vel, ultrices imperdiet sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat justo nec lectus accumsan, nec posuere erat pretium. Praesent sagittis vehicula egestas. Pellentesque at tortor id magna viverra viverra quis at mauris. Praesent quis placerat felis. Sed porta dui et dui fermentum tristique.
Integer facilisis velit et mattis interdum. Aliquam tincidunt congue massa et sagittis. Suspendisse potenti. Phasellus nec leo commodo, lacinia odio nec, porttitor lorem. Sed dolor eros, lobortis sed nisi sed, placerat eleifend enim. Curabitur faucibus, tellus sed ultricies sodales, erat orci sollicitudin lectus, vitae finibus ex augue sit amet quam. Nunc convallis pellentesque nulla nec mattis.
Curabitur mauris esmod est. Nunc est massa, accumsan ut convallis vel, bibendum vel ante. In mattis risus id felis pretium tempus. Aenean eget vestibulum nisi. Sed tempus hendrerit ex eu pulvinar. Integer urna elit, blandit ut feugiat et, convallis sit amet quam. Cras vitae purus lectus. Nulla ultricies viverra risus vel ultrices. Maecenas efficitur ac mauris a pharetra. Pellentesque maximus justo eget est posuere, in bibendum sem egestas. Mauris ante mauris, lobortis ut erat at, interdum rhoncus lectus. Cras ut nibh elit.
</p>
</div>
<div class="two">
<div class="two_top">
Mauris erat eros, tincidunt elementum maximus nec, auctor in lacus. Morbi eu felis neque. Phasellus vestibulum tempor imperdiet. Cras sollicitudin sapien id nulla porttitor, sit amet malesuada est pulvinar. Cras in aliquet massa, sed scelerisque ipsum. Integer vel efficitur lectus. Phasellus auctor quam risus, in lobortis nunc dictum vitae.
Nullam a ligula congue, <br>finibus sem at, consequat erat. Nulla blandit mauris non fringilla tempus. Quisque tempus sodales neque, vel fringilla orci placerat a. Proin in ex mauris. Quisque rhoncus, dui at tincidunt vestibulum, ante ligula finibus sem, nec bibendum purus nibh ac quam. Mauris efficitur dolor dui, sit amet malesuada augue suscipit ut. Aenean ac velit non lacus malesuada vulputate. Donec maximus dolor et faucibus rutrum. Phasellus non nunc non urna dictum porta.
</div>
<div class="two_down">
Mauris erat eros, tincidunt elementum maximus nec, auctor in lacus. Morbi eu felis neque. Phasellus vestibulum tempor imperdiet. Cras sollicitudin sapien id nulla porttitor, sit amet malesuada est pulvinar. Cras in aliquet massa, sed scelerisque ipsum. Integer vel efficitur lectus. Phasellus auctor quam risus, in lobortis nunc dictum vitae.
Nullam a ligula congue, <br>fini
</div>
</div>
</div>
</body>
</html>
```'
```css
div.menu{
margin-top: -8px;
margin-left: -8px;
margin-right:-8px;
}
div.memu_show{
padding: 0;
background-color:#262626;
width: 100%;
height: 100%;
float: left;
}
div.bartus{
float:left;
color:#0086b3;
}
a{
float:left;
display: block;
padding: 14px 16px;
text-decoration: none;
color: white;
//border: 1px solid red;
}
.menu-wrapper {
float: left;
}
div.contener{
width: 100%;
height: 100%;
}
div.one{
margin-right: 40px;
float:left;
width:50%;
}
div.two{
width:40%;
height:50%;
float:left;
}
div.two_top{
margin-bottom:20px;
padding: 29px;
border-radius: 24px;
background-color:#d1d1e0;
}
div.two_down{
background-color: #66d9ff;
}
h1#welcome{
clear: left;
margin: 40px 20px;
margin-top:70px;
text-align: center;
color:#23272a;
}
a:hover{
color:#4da6ff;
}
html
{
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body
{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333333;
background-color: #ffffff;
}
#main_img{
background-image: url(img/ocean.jpg);
width: auto;
height: 100px;
}