Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html] kolejny raz div'y, nie chce sie ustawic w srodku
coolart
post
Post #1





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 9.03.2005

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

witam mam problem z divami a konkretniej z ustawieniem diva na środku. problemu nie ma kiedy div nie ma w sobie innych div'ow lecz kiedy już jakiś jest w środku główny div, nie chce sie główny div ustawić na środku.

http://www.fotosik.pl/pokaz_obrazek/be0be3a90295137b.html

[HTML] pobierz, plaintext 
  1. <body>
  2. <div id="strona">
  3. 	<div id="baner">baner</div>
  4. 	<div id="cmenu">
  5. 	..:: Link1 :: Link2 :: Link3 :: Link4 :: Link5 :: Link6 :: Link7 :: Link8 ::..
  6. 	</div>
  7.   <div id="lewa"><? include"menu/lmenu.inc"; ?></div>
  8.   <div id="prawa"><? include"menu/rmenu.inc"; ?></div>
  9. 	<div id="center"><? include"menu/tresc.php"; ?></div>
  10. </div>
  11. </body>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. div{
  2. 		padding: 0px; 
  3. 		border: none; 
  4. 		margin: 0px auto 0px auto; 
  5. 		width: 760px; 
  6. }
  7. #strona {
  8. 		padding: 0px; 
  9. 		border: none; 
  10. 		margin: 0px; 
  11. 		width: 760px; 
  12. 		float   : inherit;
  13. }
  14. #baner {
  15.     border  : 1px solid white;
  16. 		margin  : 2px 0px;
  17. 		background: #494949;
  18.     padding : 0px;
  19.     width   : 758px;
  20.     float   : top;
  21. 		font-size: 10px;
  22. 		text-align: center;
  23. 		}
  24. #cmenu {
  25.     border  : 1px solid white;
  26. 		margin  : 2px 0px;
  27. 		background: #494949;
  28.     padding : 0px;
  29.     width   : 758px;
  30.     float   : top;
  31. 		font-size: 10px;
  32. 		text-align: center;
  33. 		}
  34. #lewa {
  35.     margin  : 0px;
  36.     border  : 1px solid white;
  37. 		background: #494949;
  38.     padding : 0px;
  39.     width   : 150px;
  40.     float   : left;
  41. }
  42. #center {
  43.     border  : 1px solid white;
  44. 		background: #494949;
  45.     padding : 0px;
  46.     width   : 448px;
  47.     float   : top;
  48. }
  49. #prawa {
  50.     margin  : 0px;
  51.     border  : 1px solid white;
  52. 		background: #494949;
  53.     padding : 0px;
  54.     width   : 150px;
  55.     float   : right;
  56. }
[HTML] pobierz, plaintext


jak ten główny div <div id="strona"> ustawić na środku?
dodam ze w programie ked wszystko ladnie lezy a w firefox'ie zjezdza do lewej

Ten post edytował JaRoPHP 14.01.2008, 17:31:50
Powód edycji: Dodanie tagu do tamatu.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
grzesiek_g
post
Post #2





Grupa: Zarejestrowani
Postów: 249
Pomógł: 30
Dołączył: 18.07.2007

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

Powiedz mi, gdzie masz tu float:top? Już wcześniej zwracałem ci na to uwagę.
http://www.w3.org/TR/REC-CSS2/visuren.html#floats

Menu robi się w ul li, przykłady: http://www.cssplay.co.uk/menus/

Wyrzuć wszystkie style dla znacznika top, one tylko zamęt tworzą a nic nie resetują.

[HTML] pobierz, plaintext 
  1. #strona {
  2.     width:760px;
  3.     margin:0 auto;
  4.     /* i wyrzuć ten float z tego znacznika*/
  5. }
[HTML] pobierz, plaintext


Ogólnie reszcie div-ów, które mają mieć taką samą szerokość jak #strona nadawaj width:100%;float:left; Nie wiem czemu nadajesz im szerokość o 2 px mniejszą, by strona wyglądała na rozjechaną?
Tutaj coś o pozycjonowaniu, wogóle polecam przeczytanie całego kursu: http://kurs.browsehappy.pl/CSS/Float

Ten post edytował grzesiek_g 14.01.2008, 18:39:52
Go to the top of the page
+Quote Post

Posty w temacie
- coolart   [html] kolejny raz div'y   13.01.2008, 23:58:04
- - Jerem!asz   spróbuj #body { text-align: center; } do #strona ...   14.01.2008, 00:02:05
- - grzesiek_g   Pierwszy raz widzę by można było wykonać float:top...   14.01.2008, 00:35:33
- - c0cr0ach   Id strona musi zawierać: [HTML] pobierz, plaintex...   14.01.2008, 00:36:42
- - coolart   nie chodzi o treść a o div o id strona który ustaw...   14.01.2008, 00:45:04
- - grzesiek_g   [HTML] pobierz, plaintext #strona { width:760px;...   14.01.2008, 00:49:42
- - coolart   dobra kod html wyglada tak Kod<!DOCTYPE ht...   14.01.2008, 18:12:54
- - grzesiek_g   Powiedz mi, gdzie masz tu float:top? Już wcze...   14.01.2008, 18:39:10

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 10.10.2025 - 18:22
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn