Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [css] Blok nie rozszerza się automatycznie
Jarod
post 17.08.2006, 15:33:27
Post #1





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

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

Może mi ktoś wytłumaczyć co robię źle? Pod FFi Operą wyświetla się źle. Natomiast IE wyświetla dobrze.

html:
[HTML] pobierz, plaintext 
  1. <html>
  2.   <body>
  3.  
  4.       <div id="kontener">
  5.           <div class="naglowek1">Nagłówek 1</div>
  6.           <div class="naglowek2">Nagłówek 2</div>
  7.  
  8.          <div class="lewakolumna">Lewa kolumna</div>
  9.           <div class="prawakolumna">Prawa kolumna<br><br><br><br><br><br><br></div>
  10. 	  </div>
  11.  
  12.   </body>
  13. </html>
[HTML] pobierz, plaintext


css:
[HTML] pobierz, plaintext 
  1. * {
  2.    margin: 0 auto;
  3.    padding: 0;
  4. }
  5. div#kontener {
  6.               width: 775px !important;
  7.               width: 777px;
  8.               color: black;
  9.               background-color: green;
  10. 	      border: 1px black solid;
  11. }
  12. .naglowek1 {
  13.             width: 387px;
  14.             color: #FFFFFF;           
  15.             background-color: red;
  16.             float: left;
  17. }
  18. .naglowek2 {
  19.             width: 388px;
  20.             color: #FFFFFF;           
  21.             background-color: yellow;
  22.             float: left;
  23. }
  24. .lewakolumna {
  25.               width: 100px;
  26.               color: black;
  27.               background-color: yellow;
  28.               border: 1px black solid;
  29.               float: left;
  30. }
  31. .prawakolumna {
  32.                width: 100px;
  33.                color: black;
  34. 	       background-color: yellow;
  35.                border: 1px black solid;
  36.                float: left;
  37. }
[HTML] pobierz, plaintext


Załączam obrazek z FF i IE. Zobaczcie co się dzieje. Kontener się nie rozszerza.

--FF--
--IE--


Pomaga dołożenie <div style="clear:both;"></div> po bloku prawa kolumna ale nie rozumiem dlaczego muszę takie sztuczki stosować tongue.gif


--------------------
”Godzina nauki w życiu nowoczesnego apostoła jest godziną modlitwy.”
(św. Josemaría Escrivá, Droga, 335)
Go to the top of the page
+Quote Post
mike
post 17.08.2006, 16:01:09
Post #2





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

Dodaj do div#kontener takie coś: overflow: auto;

Jeśli kontener zawiera elemety floatowane to nie rozciąga się domyślnie na ich wysokość/szerokość.
Robi to tylko jeśli elementy nie są floatowane.

Cytat
Pod FFi Operą wyświetla się źle. Natomiast IE wyświetla dobrze.

Odwrotnie.
badzIEwIE nadinterpretowuje style. Powinno być tak jak w FF i Operze.
Go to the top of the page
+Quote Post
Jarod
post 17.08.2006, 19:40:48
Post #3





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

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

Cytat(mike_mech @ 17.08.2006, 15:01 ) *
Dodaj do div#kontener takie coś: overflow: auto;

Jeśli kontener zawiera elemety floatowane to nie rozciąga się domyślnie na ich wysokość/szerokość.
Robi to tylko jeśli elementy nie są floatowane.

Byłem przekonany, że auto jest ustawione domyślnie.

Cytat(mike_mech @ 17.08.2006, 15:01 ) *
Odwrotnie.
badzIEwIE nadinterpretowuje style. Powinno być tak jak w FF i Operze.


Dziękuje. Działa.


--------------------
”Godzina nauki w życiu nowoczesnego apostoła jest godziną modlitwy.”
(św. Josemaría Escrivá, Droga, 335)
Go to the top of the page
+Quote Post
Zajec
post 17.08.2006, 20:42:18
Post #4





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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

Rozszerzenie jak sama nazwa wskazuje dot. szerokości ;-)


Możesz też sobie użyć
Kod
#kontener:after { display: block; content: ""; clear: both; }
choć przyznaję, że rozwiązanie mike_mech'a jest przyjemniejsze. Swoje tak tylko do kompletu dodałem :-)
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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 Wersja Lo-Fi Aktualny czas: 23.05.2025 - 11:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn