Witam mam taka strone:

[HTML] pobierz, plaintext 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="main_style.css">
<div id="container">
	<div id="header">
		Logowanie <br>
		<form action="index.php" method="post">
			<input type="text" name="login"><br>
			<input type="password" name="password"><br>
			<input type="submit" name="log" value="Zaloguj">
		</form>
	</div>
	<div id="menu">
		menu
	</div>
	<div id="main">
		main
	</div>
	<div id="footer">
		fot
	</div>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
 
#header {
	width: 1000px;
	background-color: green;
}
 
#menu {
	width: 200px;
	float: left;
	background-color: yellow;
}
 
#main {
	width: 800px;
	float: left;
	background-color: red;
}
 
#footer {
	width: 1000px;
	clear: both;
	background-color: blue;
}
[CSS] pobierz, plaintext 

wszystko jest okej, ale tekst jest zbyt blisko ramek. chcialem dodac wiec padding 10px do wszystkich elementow (oprocz kontenera) co zepsulo zupelnei ulozenie strony. czy to ma jakis zwiazek z uzyciem float: left? i jesli tak to jak to pogodzic?

Dodając paddingi odejmij ich sumę od szerokości diva tj. np.

[HTML] pobierz, plaintext 
div {
width: 780px; // docelowo div ma mieć 800px
padding: 10px; // z każdej strony padding ma po 10px tak więc odejmujesz 20px od szerokości
}
[HTML] pobierz, plaintext