Loading...
 
 Error
  • Contact the site administrator. The index needs rebuilding.
Features / Usability

Features / Usability


wikitext display bug

posts: 179 France

Hi,

on this site, I have added in the CSS a nice dashed border around the wikitext, with a proper margin. It works ok with MSIE. My problem is that, with Firefox and Opera, the wikitext div now spreads to the right beyond the center column. I really don't understand how this possible, because:

1) Wikitext has a right margin inside center column
2) Center column has no fixed width

Here is the total wikitext class:

Image
Copy to clipboard
div.wikitext { font-family: Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 15px; border-top: 1px dashed #8B4513; border-bottom: 1px dashed #8B4513; border-right: 1px dashed #8B4513; border-left: 1px dashed #8B4513; padding-left: 18px; padding-right: 28px; padding-top: 40px; padding-bottom: 30px; margin-left: 15px; margin-right: 1px; margin-top: 10px; margin-bottom: 30px; width: 100%; clear: both; }


This is the Tiki-mid style:

Image
Copy to clipboard
DIV#tiki-mid { height: auto; border-bottom: medium solid #6D7D8C; border-top: 1px solid #E5E9EF; border-left: none; border-right: none; }


This is the centercolumn style:

Image
Copy to clipboard
TD#centercolumn { padding-top: 12px; padding-bottom: 12px; padding-right: 5px; background-color: #FFF7E3; vertical-align: top; width: 100%; }


and the tiki-center style:

Image
Copy to clipboard
DIV#tiki-center { margin-left: 0px; margin-right: 30px; padding-left: 5px; padding-right: 5px; }


So, how can an element spread outside, when it is specified to be inside, with margins?

There are no comments at this time.