Question

I have a box that is width:600px
i like to have text left, with padding of 20px
that box is flot with another at it side (sidebar/content)
in other browser it play fine, content-sidebar with define

in ie6 it see the content to be 600 + 20, witch push the sidebat to the bottom…

How do you use padding, that work in all the browser including ie6

thanks in advance

Answer 1

if you are free to use hacks, use underscore hack.

_width: 560px; // targets ie6 only

otherwise

add a wrapper div and add padding to that div

<div style="width: 600px">
  <div style="padding: 0 20px">
     bla bla
  </div>
</div>