Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Odległość divów od siebie
8rol
post 14.11.2009, 19:15:27
Post #1





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 10.10.2009

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
Burned
post 14.11.2009, 19:32:58
Post #2





Grupa: Zarejestrowani
Postów: 67
Pomógł: 8
Dołączył: 19.05.2004
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

margin
Go to the top of the page
+Quote Post
8rol
post 14.11.2009, 19:45:41
Post #3





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 10.10.2009

Ostrzeżenie: (0%)
-----

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ć?

Ten post edytował 8rol 14.11.2009, 19:46:27
Go to the top of the page
+Quote Post
erix
post 14.11.2009, 19:56:52
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Daj kontener i ustaw w nim padding. winksmiley.jpg


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
8rol
post 14.11.2009, 20:06:45
Post #5





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 10.10.2009

Ostrzeżenie: (0%)
-----

Gdy kontenerowi nadam padding wtedy cała "strona" zyskuje przestrzeń bo bokach, a nie jej wewnętrzne elementy.
Go to the top of the page
+Quote Post
erix
post 14.11.2009, 20:11:16
Post #6





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Daj trochę kodu, style też.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
8rol
post 14.11.2009, 20:15:20
Post #7





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 10.10.2009

Ostrzeżenie: (0%)
-----

HTML

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  4. <head>
  5. 	<title>Moja pierwsza strona na DIVach</title>
  6. 	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. 	<link rel="stylesheet" type="text/css" href="style.css" />
  8. </head>
  9. <body>
  10. <div id="all">
  11. 	<div id="naglowek">
  12. 		<img src="logo.gif" alt="logo" title="Strona główna" />
  13. 	</div>
  14. 	<div id="menu">
  15. 		<ul>
  16. 			<li><a href="#2">Kontakt</a></li>
  17. 			<li><a href="#1">Pomoc</a></li>
  18. 		</ul>
  19. 	</div>
  20. 	<div id="tresc">
  21. 		Treść
  22. 	</div>
  23. 	<div id="stopka">
  24. 		Stopka
  25. 	</div>
  26. </body>
  27. </html>
[HTML] pobierz, plaintext


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;
}
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 19:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn