Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML] Div w divie
r_mag13
post
Post #1





Grupa: Zarejestrowani
Postów: 26
Pomógł: 1
Dołączył: 3.03.2009

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


Jest pewna rzecz która zawsze mnie zastanawiała w divach.
Dlaczego jak włożę diva(nazwijmy go div1) w diva(div2), nadam im obramowanie, a następnie wypełnię jakąś treścią diva2, to div1 jest taki wąziutki na górze strony, a div2 wyłazi poza div1? Nie mogę tego pojąć. Przecież jak coś jest w czymś, to to coś też powinno się rozszerzyć.

Byłbym wdzięczny za radę jak tego uniknąć, lub link do jakiegoś artykułu który porusza ten problem.

Ten post edytował r_mag13 7.03.2009, 01:48:03
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
r_mag13
post
Post #2





Grupa: Zarejestrowani
Postów: 26
Pomógł: 1
Dołączył: 3.03.2009

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


Kod
body {
         color: black;
         margin: 0;
         padding: 0;
         font-family: 'Arial';
     }
    
     #main {
        
         width: 800px;
         margin: auto;
         padding: 0;
         border-style: solid;
         border-width: 1px;
         border-color: red;
     }
    
     #naglowek {
         height: 150px;
         padding: 0;
         margin:0;
         border-style: solid;
         border-width: 1px;
     }
    
     #tresc {
         border-style: solid;
         border-width: 1px;
         border-color: gold;
         padding: 0;
         margin:0;
     }
    
     #menu {
         border-style: solid;
         border-width: 1px;
         float: left;
         width: 130px;
         padding: 0;
         margin:0;
     }
    
     #tekst {
         border-style: solid;
         border-width: 1px;
         width: 650px;
         float:right;
     }
    
     #stopka {
         font-size: 8pt;
         text-align: center;
         padding: 0;
         margin:0;
         width: 800px;
         background-color: olive;
         float: left;
     }


Przy takim css strona wygląda tak:
(IMG:http://img22.imageshack.us/img22/9452/strona.gif)

Jej kod wygląda tak:
  1. <div id="main"> <!-- czerwone obramowanie (według mnie powinno obejmować całą strone) -->
  2. <div id="naglowek">
  3. Tytuł
  4. </div>
  5. <div id="tresc"> <!-- złote obramowanie (według mnie powinno obejmować 2 poniższe divy) -->
  6. <div id="menu">
  7. <ul>
  8. <li>LINK</li>
  9. <li>LINK</li>
  10. <li>LINK</li>
  11. </ul>
  12. </div>
  13. <div id="tekst">
  14. TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
  15. TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
  16. TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
  17. TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
  18. TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
  19. TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
  20. </div>
  21. </div>
  22. <div id="stopka">
  23. Copyright &copy; 2009 by r_mag13
  24. </div>
  25. </div>
  26. </body>
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: 29.12.2025 - 10:53