Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> div problem z ustwieniem paneli
ygbd
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 27.12.2005

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

Usiłuję za pomocą div'ów ustawić położenie poszczególnych elementów strony i niestety ugrzęzłem (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) .
Stopka i nagłówek wydaje sie ok we wszytkich przeglądarkach, lewy panel gdzie znajduje się menu także.
Natomiat problem jest z prawym panelem, w którym będzie znajdowała się treść strony.
W IE chyba działa tak jak powinno być, natomiast w Firefox'ie i Operze prawy panel ucieka pod lewy (wygląda to jakbym miał dwie stopki). Poniżej kod css i html, oraz rysunek poglądowy dla tych którzy nie zrozumieli mojego opisu (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) .
Sprawa dla osób obeznanych z div'ami jest chyba banalnie prosta, ale ja nie mogę załapać, gdzie tkwi błąd.

[HTML] pobierz, plaintext 
  1. body { /*
  2. text-align: center; 
  3. */
  4. margin: 0; 
  5. padding: 0; 
  6. background: white; 
  7. font-family: Tahoma, Verdana, Arial, Helvetica; 
  8. font-size: 13px; 
  9. } 
  10.  
  11. div#glowny { 
  12. text-align: left; 
  13. width: 100%; 
  14. margin: 0; 
  15. padding: 0; 
  16. } 
  17.  
  18. div#menu { /* lewy panel */
  19. border-right: 1px solid black; 
  20. float:left;
  21. /*
  22. width:99%;
  23. */
  24. width:170px;
  25.  
  26. height:525px;
  27. } 
  28.  
  29. div#panel_tresci { 
  30. text-align: left;
  31. border: 2px solid red; 
  32. float:left;
  33.  
  34. padding-left: 10px;
  35. padding-right: 10px;
  36. padding-top: 10px;
  37. padding-bottom: 10px;
  38. } 
  39.  
  40. div#menu_wewnetrzne_linki { /* menu wewnętrzne */
  41. margin-left: 10px;
  42. margin-top: 0px;
  43. border: 1px solid black; 
  44. width:148px;
  45. height:66px;
  46. }
  47.  
  48. div#naglowek {  /* nagłówek */
  49. width: 100%; 
  50. text-align: center; 
  51. height: 21px; 
  52. font-weight: bold;
  53. background: green; 
  54. color: #F5F5F5; 
  55. clear: both; 
  56. } 
  57.  
  58. div#stopka{ /* stopka */
  59. width: 100%; 
  60. text-align: center; 
  61. height: 21px; 
  62. font-weight: bold;
  63. background: green; 
  64. color: #F5F5F5; 
  65. clear: both; 
  66. }
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <html xmlns="http://www.w3.org/1999/xhtml"> 
  2. <head> 
  3. <title>Mój pierwszy layout</title> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> 
  5.  
  6. <link rel="stylesheet" type="text/css" media="all" href="style.css" /> 
  7. </head> 
  8.  
  9. <body> 
  10. <div id="glowny"> 
  11. 	<div id="naglowek">
  12. 		Naglowek
  13. 	</div> 
  14.  
  15.  
  16.  
  17. 	<div id="menu"> 
  18.  
  19. 		<div id="menu_wewnetrzne_linki"> 
  20. 			 •  <a href="http://temp/1link.html">Pierwszy link</a><br>
  21. 			 •  <a href="http://temp/1link.html">Drugi link</a><br>
  22. 			 •  <a href="http://temp/1link.html">Trzeci link</a>
  23. 		</div> 
  24. 		<br>
  25.  
  26. 	</div> 
  27.  
  28. 	<div id="panel_tresci"> 
  29. 		Turecki samolot pasażerski, który nad Grecją nadał sygnał alarmowy o porwaniu, wylądował we wtorek we włoskim mieście Brindisi.
  30. Samolot leciał z Tirany do Stambułu ze 107 osobami na pokładzie.
  31. 	</div> 
  32.  
  33.  
  34.  
  35. 	<div id="stopka">
  36. 		Stopka
  37. 	</div> 
  38.  
  39.  
  40. </div> 	
  41.  
  42.  
  43. </body> 
  44. </html>
[HTML] pobierz, plaintext


(IMG:http://img518.imageshack.us/img518/8370/layoutub3.jpg)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
vallerius
post
Post #2





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 2.03.2006
Skąd: Oświęcim

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

Moim zdaniem nie osiągniesz zamierzonego celu posługując się div'em, gdyż div jest 'blokiem' zawartosci, tzn ze po jego zakończeniu przechodzisz do nowej linii, można by użyć span, ale nie wiem czy się uda to zrobić tak jak jest to zamierzone.
Najlepiej moim zdaniem użyć tabeli ;]
Go to the top of the page
+Quote Post

Posty w temacie
- ygbd   div problem z ustwieniem paneli   3.10.2006, 20:27:32
- - vallerius   Moim zdaniem nie osiągniesz zamierzonego celu posł...   3.10.2006, 20:54:15
- - s_w_ir   vallerius Ty się nie kompromituj... ygbd robi...   3.10.2006, 21:09:58
- - vallerius   Ja sie nie kompromituje, ale ucze   3.10.2006, 21:16:06
- - ygbd   dzięki, niby tak robiłem, ale chyba jakiś jestem p...   3.10.2006, 22:03:31
- - s_w_ir   Osobiście nie znam metody która łączy sztywność z ...   3.10.2006, 22:07:20

« Następny starszy · CSS · 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: 24.12.2025 - 14:34
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn