Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML+CSS]Problem z pozycjonowaniem divów
ghastblood
post
Post #1





Grupa: Zarejestrowani
Postów: 360
Pomógł: 12
Dołączył: 17.09.2009
Skąd: Warszawa

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

Witam mam problem z rozłożenie divów na stronie

Mój problem polega na tym że div od logowania wyświetla się dopiero jak skończy się div z nogami postaci

Tak wygląda szkic:



Opis:

1.header po prawej stronie 2 postaci
2.menu poziome
3.obrazek łączący header postacie z (1 i 4)
4. Nogi postaci
5.logowanie
6.statystyki strony
7.statystyki forum
div 663 x74 px miejsce na reklamę

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>strona</title>
  4. <link rel="Stylesheet" type="text/css" href="style.css">
  5. </head>
  6. <body>
  7. <div id="header">#HEADER >> Postacie (1) <div>
  8. <div id="menup">#MENU(2)</div>
  9. <div id="menu">#MENU(2)</div>
  10. <div id="hahlan">#POSTACIE(3)</div>
  11. <div id="reklama">#REKLAMA</div>
  12. <div id="richard">#NOGI POSTACI (4)</div>
  13. <div id="logowanie">#LOGOWANIE(5)</div>
  14. </body>
  15. </html>
[HTML] pobierz, plaintext

CSS:
[HTML] pobierz, plaintext 
  1. * {
  2.        margin: 0px;
  3.        padding: 0px;
  4.    }
  5.  
  6. html, body		{
  7.        color: #DEDBD1;
  8.        font-size: 12px;
  9.        font-family: Verdana, Tahoma, Arial;
  10.        background-color: #474747;
  11. 				}
  12.  
  13. body			{
  14.        margin: 50px;
  15. 				}
  16.  
  17. div#header		{
  18. 		width: 997px;
  19. 		height: 301px;
  20.         background-color: #F6F7EE;
  21. 				}
  22.  
  23. div#menup		{
  24. 		width: 11px; 
  25. 		height: 41px; 
  26. 		display: inline;
  27. 		float: left; 
  28.  
  29.         background-color: #474747;
  30. 				}
  31.  
  32. div#menu		{
  33.        width: 652px;
  34.        height: 41px;
  35.        display: inline; 
  36.        float: left; 
  37.        background-color: #474747;
  38. 				}
  39.  
  40. div#hahlan		{
  41.        width: 334px; 
  42.        height: 41px;
  43.        float: left;
  44.        display: inline; 
  45.        background-color: #F6F7EE;
  46. 				}
  47.  
  48. div#reklama		{
  49.        width: 662px;
  50.        height: 74px; 
  51. 	   display: inline; 
  52. 	   float: left; 
  53.        background-color: #474747;
  54. 				}
  55.  
  56. div#richard		{
  57. 		width: 334px; 
  58. 		height: 345px; 
  59. 		display: inline; 
  60. 		float: left;
  61. 		background-color: #F6F7EE;
  62. 				}
  63.  
  64. div#logowanie	{
  65. 		width: 310px;
  66. 		height: 130px;
  67. 		display: inline; 
  68. 		float: left; 
  69. 		background-color: #474747;
  70. 				}
[HTML] pobierz, plaintext



z góry dziękuję za pomoc

Pozdrawiam
Ghastblood

PS:Dopiero się uczę
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
Maciek1705
post
Post #2





Grupa: Zarejestrowani
Postów: 157
Pomógł: 3
Dołączył: 15.06.2009

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

ja bym Ci radził zrobić to inaczej w większości przypadków w css masz display:inline; to jest bez sensu patrząc na to co chcesz osiągnąć. Ja na twoim miejscu zrobił bym jednego dużego diva który by mieścił te 7 innych i ustawiał je za pomocą position: relative; position: absolute; ewentualnie odsuwając marginesami to jest znacznie lepsze niż to co zrobiłeś. Poczytaj sobie na temat atrybutu position.
Go to the top of the page
+Quote Post
« Następny starszy · HTML \ XHTML · 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 Aktualny czas: 19.08.2025 - 20:38
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn