Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]Odstęp pomiędzy divami
Forum PHP.pl > Forum > Przedszkole
Croos22
Witam.
Chciałem zapytać w jaki sposób mogę zrobić odstęp pomiędzy menu a treścią.(menu<---->tresc)

  1. <div id="top">
  2. <div id="NAGLOWEK">Nagłówek szablonu</div>
  3. <div id="MENU">Menu nawigacyjne</div>
  4. <div id="TRESC">Treść strony</div>
  5. <div id="STOPKA">Stopka serwisu</div>
  6. </div>


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.
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
  1. #TRESC {
  2. width: 630px;
  3. float: left;
  4. overflow: hidden;
  5. background-color: #fff;
  6. margin-left: 15px;
  7. }


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:

  1. #top {
  2. width: 795px;
  3. }
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.