Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Automatyczna szerokość kolumny
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
phpowiec84
18.11.2011, 08:57:07
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
Robert3d
19.11.2011, 02:22:06
Dla potomności
http://www.free-css.com/free-css-layouts/page1.php


PS to że rozwiązany pisz u góry !
webfreak
25.11.2011, 15:26:17
dodaj do kazdej


[HTML] pobierz, plaintext 
  1. float:left; i width:auto;
[HTML] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.