Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wysokość dla div'a, jak ją ustawić?
mike
post
Post #1





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

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


Mam taką sytuację:

3 elementy div o następującym wyglądzie:
Kod
+------------------------------------------------+
|+-------------++-------------------------------+|
||             ||                               ||
||             ||                               ||
||             ||                               ||
||             ||                               ||
||      B      ||                               ||
||             ||                               ||
||             ||                C              ||
||             ||                               ||
|+-------------+|                               ||
|               |                               ||
|               |                               ||
|               |                               ||
|     A         |                               ||
|               +-------------------------------+|
|                                                |
|                                                |
|                                                |
+------------------------------------------------+


I teraz pytanie:

Jak zrobić aby element B lub chociażby C miał maxymalną wysokość na jaką pozwala A?
Element A równie dobrze może być elementem BODY.


Mówimy o XHTML'u i style="height: 100%" nie wchodzi w gre bo nie działa.

Ten post edytował mike_mech 21.07.2005, 16:46:05
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
mike
post
Post #2





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

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


Za wcześnie się ucieszyłem.

Taki kod działa bez zarzutu.
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" >
  2. <title>Test </title>
  3.  
  4. <style type="text/css">
  5. .main {
  6. border: 1px solid red;
  7. width: 500px;
  8. margin: auto;
  9. height: 100%;
  10. }
  11. </head>
  12.  
  13. <div class="main">Test diva</div>
  14. </body>


Ale po dodaniu:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" >
  3. <head>
  4. <title>Test </title>
  5.  
  6. <style type="text/css">
  7. .main {
  8. border: 1px solid red;
  9. width: 500px;
  10. margin: auto;
  11. height: 100%;
  12. }
  13. </head>
  14.  
  15. <div class="main">Test diva</div>
  16. </body>

wszystko się chrzani.

No przecież nie zaczną pomijać Doctype'a :/

Pomocy raz jeszcze, bo ja już głupieję. A myślałem że znam CSS (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 26.12.2025 - 00:07