Problem z sąsiadującymi DIVami

[zerocool]

padding/margin

Niestety to za mało dla większości przeglądarek, dałem tylko na wszelki wypadek.

U mnie przede wszystkim zastosowałem :

border-collapse: collapse; <<< dla Explorera 5.0
border-spacing: 0; <<< dla Netscape i Opera 6.0

[yavaho]

Jeśli już tak zważacie na transfer i optymalizacje kodu HTML to trzeba też pamiętać o optymalizacji kodu CSS

Np ten kod CSS z tego przykładu: https://www.ecv1457.2-ec.com/testy/cell.html

Zamiast np tego:

.styl {
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-collapse: collapse;
border-spacing: 0;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

wystarczy to:

.styl {
padding: 0;
border: none 0;
border-collapse: collapse;
color: #FFFFFF;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

A po zastosowaniu dziedziczenia styli w kodzie html zbędne bedą odwołania w każdym podrzędnym tagu HTML do konkretnego stylu (odpadnie tekst typu: class="jakis-styl")

No i zbędne jest powtarzanie ciągle tego samego stylu np do każdej komórki <td> Wystarczy zadeklarować ten styl dla <table>

No i jeżeli o transfer sie zozchodzi to style tylko w zewnetrzych plikach.

[zerocool]

Dodałem twoją wersję Yavaho, sprawdzał ktoś może inne przeglądarki i systemy operacyjne czy wszystko gra i buczy ?

[yavaho]

Ja mam IE Opere i FF Na tych trzech wszystko jest ok

Ale ten przykład musisz jeszcze poprawić bo komórki <td> z tabeli odwołują sie jeszcze do poprzednich styli.

W komórkach trzeba tylko ustawić kolor tła i padding. Reszte bedzie dziedziczyć z <table>

.styl {
padding: 0;
border: none 0;
border-collapse: collapse;
color: #FFFFFF;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
width: 740px;
}
.td_1, .td_2, .td_3{
padding: 10px;
}
.td_1 {
background-color: #89B700;
}
.td_2 {
background-color: #688A00;
}
.td_3 {
background-color: #557100;
}

[zerocool]

Ok wstawiłem twoją wersję, skoro zaczęliśmy dobry wątek, potrzebujemy trochę dobrych przykładów, z pewnością przyda się wszystkim, bo problemy DIV - TABLE były już nie raz poruszane.

Natomiast jesli chodzi o odchudzanie forum, myślę że taki projekt po odpowiedniej optymalizacji śmigałby jak burza jednak byłoby to dosyć pracochłonne.