As a regular ciwas reader, I learned that fixed-pixel designs are evil, so
for the newly created site http://www.ddc-deutsch.de (in German, still very
much under construction) I arranged the content (left) and the menu (right)
(ideas stolen from bluerobot.com) using percentage widths (75% content, 25%
menu). This looks nice in Opera 7.11 but in IE 6, content and menu are
overlapping.
When reading the following, please keep in mind, that I'm a CSS newbie:
Am I right in guessing that to the widths (75%/25%) are added padding and
margin too, and that I really should use something else (smaller widths) to
prevent it from adding up to more than 100%? If so, how can I do this? If I
specify margin and padding in em, I cannot know how many percent of the
user's screen (silently ignoring Braille readers, speech browsers etc) 1 em
actually is, so I have no possibility to specify padding, margin etc (at
least not using em, maybe specifying in percent would do the trick).
Concerning IE: Does the above mentioned behaviour (overlap) have anything
to do with the broken box model of IE? If so, do I have to apply the
Tantek-Celik-hack somewhere?
Apart from those questions, all comments on the site are of course welcome!
Regards
Lars