Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> CSS POMOCY !, Zaczynam sie zastanawiac dlaczego ludzie nie lubia tabel
clansman5
post
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 23.09.2006

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

Witajcie

Po 5 godzinach walki z CSS oraz proba rozwiazania banalnego przykladowego problemu stracilem cierpliwosc.
Najlepsze jest to, ze nawet gotowe szablony pobierane chociazby stad: CSS Layouts NIE DZIAŁAJĄ.

Moj problem jest nastepujacy:
Chce uzyskac taki uklad:
(IMG:http://s19113.ps.pl/d.jpg)
Z tym że, div2 ma miec pewien min-height natomiast ma sie rozciagac w doł jezeli bedzie w nim np. za duzo tekstu.

Wyniki moich prob sa nastepujace:
1. Gdy pod IE wszystko dziala, to w firefoxie div2 ma wysokosc ustawiona w height natomiast tekst wychodzi poza diva i ciagnie sie poza strona poprzez div3.

2. Gdy zapodam min-height dla div2 wtedy w firefoxie nastepuje przerwa pomiedzy div1 a div2 oraz div2 a div3
ktorej nie sposob zniwelowac za pomoca padding albo margin.

POMOCY
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
clansman5
post
Post #2





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 23.09.2006

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

ale ja niestosuje float: left albo right
to po co clear (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Z ciekawosci przetestowalem, niestety bez rezultatu. Oto obecna postac kodu:

[HTML] pobierz, plaintext 
  1. <html>
  2.  <head>
  3. <style type="text/css">
  4.  
  5. body
  6. {
  7. 	width: 100%;
  8. 	height: 100%;
  9. 	margin: 0px 0px 0px 0px;
  10. 	padding: 0px 0px 0px 0px;
  11. 	background-color: #FFFFFF;
  12. 	text-align:center;
  13. }
  14.  
  15. #main_div
  16. {
  17. 	width:780px;
  18. 	height: 600px;
  19. 	margin: 0px auto;
  20. 	padding: 0px 0px 0px 0px;
  21. 	overflow: visible;
  22. }
  23.  
  24. #logo {
  25. 	width:780px;
  26. 	height:147px;
  27. 	display: block;
  28. }
  29.  
  30. #menu {
  31. 	width:780px;
  32. 	height:38px;
  33. }
  34.  
  35. #tresc {
  36. 	width:780px;
  37. 	height:369px;
  38. 	overflow: visible;
  39. 	background-image: url(images/pbd_03.jpg);
  40. 	background-repeat: repeat-y;
  41. 	background-position: top left;
  42. 	padding: 0px 0px 0px 0px;
  43. 	margin: 0px 0px 0px 0px 
  44. }
  45.  
  46. #footer1 {
  47. 	width:780px;
  48. 	height:27px;
  49. 	font-family: Arial, Tahoma, Verdana;
  50. 	font-size: 11px;
  51. 	color: #FFFFFF;
  52. 	text-align: left;
  53. 	vertical-align: bottom;
  54. 	padding: 8px 0px 0px 20px;
  55. 	background-image: url(images/pbd_04.jpg);
  56. 	background-repeat: no-repeat;
  57. 	background-position: top left;
  58. }
  59.  
  60. #footer2 {
  61. 	width:780px;
  62. 	height:19px;
  63. 	background-image: url(images/pbd_05.jpg);
  64. 	background-repeat: no-repeat;
  65. 	background-position: top left;	
  66. }
  67. </style>
  68. </head>
  69.  
  70. <body>
  71. <div id="main_div">
  72.  
  73. <div id="logo">
  74. <img src="images/pbd_01.jpg" width="780" height="147" alt="" border="0">
  75. </div>
  76.  
  77. <div id="menu">
  78. <img src="images/pbd_02.jpg" width="780" height="38" alt="" border="0">
  79. </div>
  80.  
  81. <div id="tresc">
  82. 	<p>	dfghdfghdfhg</p>
  83. 	<p>	dfghdfghdfhg</p>
  84. 	<p>	dfghdfghdfhg</p>
  85. 	<p>	dfghdfghdfhg</p>			
  86. 	<p>	dfghdfghdfhg</p>
  87. 	<p>	dfghdfghdfhg</p>
  88. 	<p>	dfghdfghdfhg</p>
  89. 	<p>	dfghdfghdfhg</p>
  90. 	...
  91.        i jeszcze kilkadziesiat paragrafow aby nastapilo przepelnienie.
  92.        ..
  93.  
  94. </div>
  95. 	<span style="clear:both"></span>
  96.  
  97. <div id="footer1">cos tam</div>
  98. <div id="footer2"></div>
  99. <div id="footer3"></div>
  100. </div>
  101. </body>
  102. </html>
[HTML] pobierz, plaintext


Atrybut clear nadawalem rowniez "footer1" <-rowniez bez rezultatu

Ten post edytował clansman5 25.05.2007, 22:27:50
Go to the top of the page
+Quote Post

Posty w temacie
- clansman5   CSS POMOCY !   25.05.2007, 22:07:12
- - barat   zapewne pod div-em 2 lub pod paragrafem (czy co ta...   25.05.2007, 22:16:48
- - clansman5   ale ja niestosuje float: left albo right to po co ...   25.05.2007, 22:19:16
- - barat   Nadałeś Div-owi treść wysoko...   25.05.2007, 23:20:29
- - clansman5   Dobra spoko zaczailem o co Ci chodzi, rozciaga sie...   26.05.2007, 08:59:29
- - barat   Tlo ustaw nie dla treść tylko dla konten...   26.05.2007, 10:12:57
- - clansman5   wlasnie teraz mam mniej wiecej taka sytuacje: [HT...   26.05.2007, 10:33:43
- - barat   height: auto; to chyba niepotrzebne repeay-y znac...   26.05.2007, 10:44:01
- - orideith   Tu masz hacka na min-height dla badziewia może Ci ...   26.05.2007, 10:45:34
- - clansman5   Cytat(barat @ 26.05.2007, 10:44:01 ) ...   26.05.2007, 10:50:18
- - barat   daj linka do tego szablonu - skończę odk...   26.05.2007, 10:51:44
- - clansman5   Alez prosze cie bardzo i z gory dziekuje za zaanga...   26.05.2007, 11:03:01
- - barat   To po kolei , jak już mówiłem , global r...   26.05.2007, 11:27:08
- - clansman5   wielkie dzieki, pomoglo. Mam jeszcze jeden malutki...   26.05.2007, 12:22:49
- - barat   hmm cały tekst wstaw w drugi div ... który ...   26.05.2007, 12:27:33
- - clansman5   Masakra.... Ogolnie troche mnie to odstrasza w CSS...   26.05.2007, 12:34:57
- - barat   to wcale nie jest tak skomplikowane jak myślisz W...   26.05.2007, 13:21:08
- - e_kangu   Odświeżam temat, ale nie chciałem zaczynać nowego....   18.02.2008, 22:24:24

« 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: 28.12.2025 - 12:58
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn