Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]Automatyczna szerokość kolumny
phpowiec84
post 18.11.2011, 08:57:07
Post #1





Grupa: Zarejestrowani
Postów: 101
Pomógł: 2
Dołączył: 10.12.2010

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

Witam
mam kod html :

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. 	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. 	<title>No title</title>
  7. <style>
  8. *{
  9.     padding:0px;
  10.     margin:0px;
  11. }
  12. html{
  13.     width:100%;
  14.     height:100%;
  15. }
  16. body{
  17.     color: #222;
  18.     font-family: Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
  19.     font-size: 11px;
  20.     min-width:800px;
  21.     margin-left:auto;
  22.     margin-right:auto;
  23.     padding-left:20px;
  24.     padding-right:20px;
  25.     border:1px solid black;
  26. }
  27. a{
  28.     color:#137;
  29.     text-decoration: none;
  30. }
  31. </style>
  32. </head>
  33.  
  34. <body>
  35.  
  36. <div style="float: left;width:220px;height:500px;border:1px solid silver ;">
  37.     lewa kolumna
  38. </div>
  39.  
  40. <div style="float: left;height:500px;border:1px solid silver ;">
  41.     srodek
  42. </div> 
  43.  
  44. <div style="float: left;width:220px;height:500px;border:1px solid silver ;">
  45.     prawa kolumna
  46. </div>
  47. <div style="clear: both;"></div>
  48. </body>
  49. </html>
[HTML] pobierz, plaintext


Chciałbym aby srodkowa kolumna przymowała najwiękrzą szerokość zachowująć przy tym układ kolumn bez rozjeżdzania ( kolumna wpadała pod drugą)
ale nie wychodzi :/
Jak to wykonać bez potrzeby stosowania JS ?


[rozwiązany] do usunięcia
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
Robert3d
post 19.11.2011, 02:22:06
Post #2





Grupa: Zarejestrowani
Postów: 102
Pomógł: 3
Dołączył: 22.04.2006

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

Dla potomności
http://www.free-css.com/free-css-layouts/page1.php


PS to że rozwiązany pisz u góry !
Go to the top of the page
+Quote Post
webfreak
post 25.11.2011, 15:26:17
Post #3





Grupa: Zarejestrowani
Postów: 77
Pomógł: 8
Dołączył: 29.03.2011
Skąd: Londyn

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

dodaj do kazdej


[HTML] pobierz, plaintext 
  1. float:left; i width:auto;
[HTML] pobierz, plaintext


Ten post edytował webfreak 25.11.2011, 15:26:41


--------------------
http://szkolahtml.pl
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 Wersja Lo-Fi Aktualny czas: 19.07.2025 - 04:12
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn