Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [xHTML] div, tlo, table, width?, Eh... znow to samo, znow zle
Pucy
post
Post #1





Grupa: Zarejestrowani
Postów: 124
Pomógł: 0
Dołączył: 8.05.2006

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


Dlaczego <td style="width:666px;"> nie dziala tak samo jak <td width="666"> (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ?

Mam taki kod:

  1. <table cellspacing="0" cellpadding="0" style="width:100%;height:400px;border:1px solid black;" >
  2. <tr>
  3. <td style="background-color:red;">&nbsp;</td>
  4. <td style="background-color:blue;width:56px;"></td>
  5. <td width="970px">CENTER</td>
  6. <td style="background-color:green;width:58px;"></td>
  7. <td style="background-color:black;">&nbsp;</td>
  8. </tr>


Dlaczego znow mi spedza to sen z powiek, ze musze meczyc sie by osiagnac ten sam rezultat w standardach xhtml? Dlaczego CSS jest dlam nie czyms bez regul i zasad (lol)?;/ Widzac jak niektorzy proboje pomóc innym w cssie to pisza: "sproboj to, moze zadziala" i nie sa pewni tego co robia... czy to nie powinno byc jak matma? 2+2 ? Jak napisze <div style="width:666px"> to cyz nie powinno to jednoznacznie sie zachowac?

Jak osiagnac taki sam rezultat jak zamieszczonym kodzie html? Chodzi oto by zewnetrze czesci sie ruszaly , a wycentrowana byla stalaa i nic nie moglo jej zburzyc. <td> pomiedzy srodkowym i calkowicie zewnetrznym tez maja swoja stala szerokosc...

  1. <style type="text/css" title="currentStyle" media="screen">
  2.  
  3. #main {
  4.  
  5. border:1px solid black;
  6.  
  7. width:100%;
  8. margin:0;
  9. padding:0;
  10. overflow:hidden;
  11.  
  12. }
  13.  
  14. #main .center {
  15.  
  16. border:1px solid black;
  17. float:left;
  18. width:970px;
  19. height:400px;
  20. }
  21.  
  22. #main .left {
  23.  
  24. border:1px solid black;
  25. float:left;
  26. padding-bottom:24001px;
  27. margin-bottom:-24000px;
  28. overflow:hidden;
  29.  
  30. }
  31.  
  32. #main .right {
  33. border:1px solid black;
  34. float:left;
  35. padding-right:1001px;
  36. margin-right:-1000px;
  37. padding-bottom:24001px;
  38. margin-bottom:-24000px;
  39.  
  40. }
  41.  
  42. <body style="padding:0;margin:0;">
  43.  
  44. <div id="main">
  45.  
  46. <div class="left">LEFT</div>
  47. <div class="center">CENTER</div>
  48. <div class="right">RIGHT</div>
  49.  
  50. </div>
  51.  
  52. </body>


Zdaje sboie sprawe ze nie znam cssa, ale ile szukam tyle znajduje i nic co mogloby mi pomoc... Kto mnie przekona? Kto mnie nakieruje? BEde wdzieczny!

Ten post edytował Pucy 22.09.2006, 13:31:11
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.09.2025 - 17:10