Witam
Napotkałem na taki problem:

CSS:
div {
width:100%;
padding-left: 200px;
}

HTML:
<div>Jakiś tekst</div>

W przeglądarkach taki kod powoduje wyjechanie div'a o 200px w lewo poza
widoczny ekran i pojawienie się dolnego scrolla.

Aby pozbyć się problemu wyciąłem wpis "width:100%;" i poskutkowało.
Natomiast pojawił się problem w Firefox 3.5 a w IE <7 problem pozostał.

Firefox bez "width:100%" nie rozciąga div'a na całą szerokośc tylko
dopasowuje go do szerokości tekstu. Jak się pozbyć tego efektu ?

Dodam, że "margin" zachowuje się dokładnie tak samo jak padding co jest
dziwne, gdyż padding to wewnętrzny odstęp i powinien się zachowywać
inaczej niż "margin".

Chcę osiągnąć efekt taki aby tekst był przesunięty od lewej krawędzi o
200px i skalował się razem z oknem przeglądarki.

Rozwiązanie na tabelach:
<table style="width:100%" cellpading="0" cellspacing="0">
<tr>
<td style="width:200px;">&nbsp;</td>
<td style=""width: auto;>Jakiś tekst</td>
</tr>
</table>


Jak to zrobić na divach ?

Pozdrawiam
TornadoTN