[CSS][HTML]Odstęp pomiędzy divami Opcje

[Croos22]

Witam.
Chciałem zapytać w jaki sposób mogę zrobić odstęp pomiędzy menu a treścią.(menu<---->tresc)

[HTML] pobierz, plaintext 
<div id="top">
	<div id="NAGLOWEK">Nagłówek szablonu</div>
	<div id="MENU">Menu nawigacyjne</div>
	<div id="TRESC">Treść strony</div>
	<div id="STOPKA">Stopka serwisu</div>
</div>
[HTML] pobierz, plaintext 

Kod

html, body {
    background-color: #fff;
    color: #000;
    margin: 0;
    padding: 0;
}

#top {
    width: 780px;
}

#NAGLOWEK {
    background-color: #888;
}

#MENU {
    width: 150px;
    float: left;
    overflow: hidden;
    background-color: #ccc;
}

#TRESC {
    width: 630px;
    float: left;
    overflow: hidden;
    background-color: #fff;
}

#STOPKA {
    clear: both;
    width: 100%;
    background-color: #888;
}

Przykładowy szablonik.

Ten post edytował Croos22 7.07.2010, 11:23:16

[wookieb]

Przecież tutaj masz za mało miejsca ponieważ divy ograniczone są szerokością #top.
A tak to standardowo margin-left

[Croos22]

To jest przykład ponieważ chciałbym wiedzie w jaki sposób to mam zrobić.

[Ruio]

[HTML] pobierz, plaintext 
#TRESC {
    width: 630px;
    float: left;
    overflow: hidden;
    background-color: #fff;
margin-left: 15px;
}
[HTML] pobierz, plaintext 

margin left ustala ci odstęp od lewej jak chcesz od prawej to analogicznie margin right

Edit : W tym szablonie aby działał ci margin left w tym miejscu musisz do #top dodać tyle ile ma wynosić margin left czyli np 780+15= 795 czli kod top do wpisania masz taki:

[HTML] pobierz, plaintext 
#top {
    width: 795px;
}
[HTML] pobierz, plaintext 

Ten post edytował Ruio 7.07.2010, 14:49:04