Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] problem z div'em
Forum PHP.pl > Forum > Przedszkole
MikroUser
Witam.
temat już setki raz poruszany, ale jest jedno ale ...

1) Chcę zrobić:
<div>

<div>
tekst
</div>
<div>
tekst
</div>

</div>

div1 - kontejner do wyśrodkowania divow w środku.
div2 i div3 - są wyśrodkowane i w określonej odległości od siebie.

2) robię:
[html]
<style type="text/css">
.div2 {
border:1px solid green;
width:40%;
padding:5 10;
text-align:left;
clear:none;
float:left;
}
.div1 {
border:1px solid blue;
margin:0 auto;
text-align:center;
}
</style>
<div class="div1">
<div class="div2">
Tu trzeba zamiecić kilka katalgów.

no i tak ... to jest :)
</div>
<div class="div2">
Tu trzeba zamiecić kilka katalgów.

no i tak ... to jest :)
</div>
<br>
</div>

ale to nie działa.
dlaczego?

co robię nie tak?

dzięki za odpowiedź.
kresh
Sądze że chodziło Ci o coś podobnego do tego:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <title>Title</title>
  4. <style type="text/css">
  5. body{
  6. text-align:center;
  7. }
  8. .div1 {
  9. margin:0 auto;
  10. border:1px solid blue;
  11. width:500px;
  12. text-align:center;
  13. }
  14. .div2 {
  15. border:1px solid green;
  16. padding:5px 10px;
  17. width:228px;
  18. text-align:left;
  19. float:left;
  20. }
  21. .clear{
  22. clear:both;
  23. }
  24. </style>
  25. </head>
  26.  
  27. <div class="div1">
  28. <div class="div2">
  29. Tu trzeba zamiecić kilka katalgów.
  30. no i tak ... to jest :)
  31. </div>
  32. <div class="div2">
  33. Tu trzeba zamiecić kilka katalgów.
  34. no i tak ... to jest :)
  35. </div>
  36. <div class="clear"></div>
  37. </div>
  38. </body>
  39. </html>
MikroUser
ok. Dzięki winksmiley.jpg
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.