Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML] 3 divy
Dapi
post
Post #1





Grupa: Zarejestrowani
Postów: 186
Pomógł: 13
Dołączył: 7.08.2009

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

Witam.
Potrzebuję koło siebie postawić 3 divy.
Zrobiłem tak: 
[HTML] pobierz, plaintext 
  1. <div style="width: 100%; min-height: 526px; margin-top: 50px; text-align:center;">
  2. 	<div style="background: green; width: 50px; height: 10px; display: inline-table;"></div>
  3. 	<div style="background: red; width: 100px; height: 20px; display: inline-table;"></div>
  4. 	<div style="background: blue; width: 150px; height: 30px; display: inline-table;"></div>
  5. </div>
[HTML] pobierz, plaintext


Działa w lisku, chromce i nawet pod IE. Niestety pod Operą nic się nie wyświetla.
Jak daję "display: inline-table;" to nie działa znowu pod niczym :/

Ktoś wie co na to poradzić?

Pozdrawiam.

Ten post edytował Dapi 7.07.2010, 21:40:19
Go to the top of the page
+Quote Post
pedro84
post
Post #2





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

Nadaj im po prostu float:left; i overflow:hidden dla nadrzędnego.
Go to the top of the page
+Quote Post
Dapi
post
Post #3





Grupa: Zarejestrowani
Postów: 186
Pomógł: 13
Dołączył: 7.08.2009

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

To już przerabiałem, tyle, że teraz mam je wyrównane do lewej, a ja chcę, żeby były do środka ;P
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #4





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

yhhh ?


[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.         <title></title>
  6.     </head>
  7.     <body>
  8.  
  9.         <div style="width: 100%; border: 1px solid #00ff00;min-height: 526px; margin-top: 50px; text-align:center;">
  10. 	<div style="background: green; border: 1px solid #00ff00; width: 50px; height: 10px; display: inline-table;">dd</div>
  11. 	<div style="background: red; border: 1px solid #00ff00; width: 100px; height: 20px; display: inline-table;">ddd</div>
  12. 	<div style="background: blue; border: 1px solid #00ff00; width: 150px; height: 30px; display: inline-table;">dddd</div>
  13. </div>
  14.  
  15.  
  16.     </body>
  17. </html>
  18.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Dapi
post
Post #5





Grupa: Zarejestrowani
Postów: 186
Pomógł: 13
Dołączył: 7.08.2009

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

Śmiga pięknie.
Widzę, że tylko wystarczyło coś do diva wpisać, żeby było ok (IMG:style_emoticons/default/smile.gif)
Nie sądziłem, że to ma jakiś wpływ na to.

Dzięki (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #6





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

Poprawka 


[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.         <title></title>
  6.     </head>
  7.     <body>
  8.  
  9.         <div style="width: 100%; border: 1px solid #00ff00;min-height: 526px; margin-top: 50px; text-align:center;">
  10.         <div style="width: 300px; margin: 0 auto; clear: both;">
  11. 	<div style="background: green; float: left; width: 50px; height: 10px;">dd</div>
  12. 	<div style="background: red; float: left; width: 100px; height: 20px;">ddd</div>
  13. 	<div style="background: blue; float: left; width: 150px; height: 30px;">dddd</div>
  14. </div>
  15.  
  16.  
  17.     </body>
  18. </html>
  19.  
[HTML] pobierz, plaintext



Teraz to śmiga
Go to the top of the page
+Quote Post
« 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: 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.12.2025 - 00:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn