Witam.
W jaki sposób najlepiej ustalić jaka odległość ma być pomiędzy poszczególnymi divami?
Chodzi o to, aby nie były "sklejone".
P.S Pisze styl wykorzystując wartości podane w procentach.
Pełna wersja: Odległość divów od siebie
margin
Tak też to zacząłem robić, jednak pojawia się problem.
Mam:
------ nagłówek ------
- menu | tresc ---------
------ stopka ----------
Szerokości mam poustawiane w procentach i wszystko jest ok. Jednak gdy dodam margin dla każdego elementu to wtedy menu wraz z trescia są szersze o wartość marginesu względem nagłówka i stopki. Jak ten problem rozwiązać?
Mam:
------ nagłówek ------
- menu | tresc ---------
------ stopka ----------
Szerokości mam poustawiane w procentach i wszystko jest ok. Jednak gdy dodam margin dla każdego elementu to wtedy menu wraz z trescia są szersze o wartość marginesu względem nagłówka i stopki. Jak ten problem rozwiązać?
Daj kontener i ustaw w nim padding. 
Gdy kontenerowi nadam padding wtedy cała "strona" zyskuje przestrzeń bo bokach, a nie jej wewnętrzne elementy.
Daj trochę kodu, style też.
HTML
CSS:
CSS:
Kod
body {
width: 100%;
color: black;
background: green;
}
#all {
width: 80%;
margin: auto;
}
#naglowek, #stopka {
width: 100%;
}
#naglowek {
height: 180px;
background: #242424;
}
#stopka {
height: 50px;
clear: both;
background: #F7F7F7;
}
#menu, #tresc {
height: 400px;
float: left;
}
#menu {
width: 20%;
background: #007BB9;
}
#tresc {
width: 80%;
background: #DBC500;
}
width: 100%;
color: black;
background: green;
}
#all {
width: 80%;
margin: auto;
}
#naglowek, #stopka {
width: 100%;
}
#naglowek {
height: 180px;
background: #242424;
}
#stopka {
height: 50px;
clear: both;
background: #F7F7F7;
}
#menu, #tresc {
height: 400px;
float: left;
}
#menu {
width: 20%;
background: #007BB9;
}
#tresc {
width: 80%;
background: #DBC500;
}
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.