Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [css] layout na divach
cqt
post
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 14.03.2006

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

Problem z divami;)

[HTML] pobierz, plaintext 
  1. <html lang="pl">		<head>		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />		
  2. <title></title>		
  3. <style type="text/css">	
  4. #content {width: 859px;  background-color:black; display: table;}
  5.  
  6. #content .con_g {height: 21px;  }
  7. #content .con_s {height:100% }
  8. #content .con_d {height: 21px;  }
  9.  
  10. #content  .lewo {width: 42px; float:left; }			
  11. #content  .srodek {width: 778px; float:left; }
  12. #content  .prawo {width: 39px; float:right; }
  13.  
  14.  
  15. #content .con_g .lewo { background-color: green;}			
  16. #content .con_g .srodek { background-color: red}
  17. #content .con_g .prawo { background-color: green;}
  18.  
  19. #content .con_s .lewo {height: 100%; background-color: yellow; }			
  20. #content .con_s .srodek {height: 100%; background-color: blue; }
  21. #content .con_s .prawo {height: 100%; background-color: yellow; }
  22.  
  23.  
  24. #content .con_d .lewo {  background-color: green; }
  25. #content .con_d .srodek {  background-color: red; }
  26. #content .con_d .prawo { background-color: green; }	
  27. </style>	
  28. </head>		
  29. <body>		
  30. <div id="content">
  31.  
  32. 			<div class="con_g">
  33. 				<div class="lewo">lg</div>
  34. 				<div class="srodek">sg
  35. 				</div>
  36. 				<div class="prawo">pg</div>
  37.  
  38. 			</div>
  39.  
  40. 			<div class="con_s">
  41.  
  42. 			<div class="lewo" style="height: 100%">ls</div>
  43. 				<div class="srodek">ss<p>&nbsp;</p>
  44. 					<p>&nbsp;</p>
  45. 					<p>&nbsp;<p>&nbsp;<p>&nbsp;<p><br>
  46. 				</div>
  47. 				<div class="prawo">ps</div>
  48.  
  49.  
  50.  
  51. 			</div>
  52.  
  53. 			<div class="con_d">
  54.  
  55. 			<div class="lewo">ld</div>
  56. 				<div class="srodek">sd<br>
  57. 				</div>
  58. 				<div class="prawo">pd</div>
  59.  
  60. 				</div>
  61.  
  62. 			</div>
  63. </body>	</html>
[HTML] pobierz, plaintext


Chce zeby srodkowa sekcja dopasowywala sie do rozmiaru zawartosci. W IE wszystko dziala jak nalezy FF niestety nie wyswietla dolnego wiersza. Jakies pomysly?

Ten post edytował cqt 1.09.2007, 17:13:50
Go to the top of the page
+Quote Post
Kreton
post
Post #2





Grupa: Zarejestrowani
Postów: 345
Pomógł: 3
Dołączył: 20.02.2005

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

Doczytaj : http://www.positioniseverything.net/articles/onetruelayout/
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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