Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] problem z tlem
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
kufalo
Pod IE jest ok.
Natomiast nie wiem czemu pod FF i Opera zewnetrzny DIV nie rozciaga sie do wielkosci tresci zawartych w nim...
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <div style="width:900px;margin:0 auto;background-color:#CCCCCC">
  3. <div style="width:200px;float:left">
  4. <div style="margin:10px">
  5. <div>link1</div>
  6. <div>link2</div>
  7. <div>link3</div>
  8. <div>link4</div>
  9. <div>link5</div>
  10. <div>link6</div>
  11. <div>link7</div>
  12. <div>link8</div>
  13. </div>
  14. </div>
  15. <div style="margin-left:200px">tekst</div>
  16. </div>
  17. </body>


Dodam, ze nie wiem z gory jaka bedzie wysokosc div'a z linkami, ani div'a z tekstem.
gekon
  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" lang="pl">
  3. <style type="text/css">
  4. ul { list-style: none; }
  5. ul li { padding: 0; margin: 0; }
  6. </head>
  7. <div style="width:900px;margin:0 auto;background-color:#CCCCCC; overflow: hidden;">
  8. <div style="width:200px;float:left">
  9. <ul>
  10. <li>link1</li>
  11. <li>link2</li>
  12. <li>link3</li>
  13. <li>link4</li>
  14. <li>link5</li>
  15. <li>link6</li>
  16. <li>link7</li>
  17. <li>link8</li>
  18. </ul>
  19. </div>
  20. <div style="margin-left:200px">tekst</div>
  21. </div>
  22. </body>

A tak nie ładniej?
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.