Zikula Community

• **unknown user**
  
  

  • Rank: Softmore
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 418

  Posted: Oct 16, 2006 - 05:14 PM

  I created an HTML with a CSS using csscreator.com
  
  It's not yet complete, but I'm already live with it, need to do some work on the articles part.
  
  Anyways, it's completely tableless, used some padding in some div's, and that's where the problems are comming in.
  
  The csscreator site already said: avoid using wdith="100%" on tables, p's etc.. Now firefox as my default browser perfectly sees the padding, and a table with a width of 100% is no problem. IE for that matter, seems not to look at the padding values and renders a 100% width to the value my div is.
  
  Since the tableless design is using floats and hard width values, by a table that IE renders at 100% it gets wider then the div it's in, forcing the left columns to be put under the maincontent.
  
  I already changed the stats module output and changed the width=100& to a 97% which fixed it for that.
  
  But since I'm new to this CSS / HTML thing, and my site is far from being finished, I'm without a doubt I'll be having some other modules where width=100% is used, which breaks my layout again.
  
  I just used csscreator because i couldn't some a detailed how-to tutorial on how to perfectly put a design into a stylesheet, so i started of from there.
  
  A penny for your thought? site is @ http://zartoxide.xs4all.nl

  • 
  •  
• **unknown user**
  
  

  • Rank: Softmore
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 111

  Posted: Oct 17, 2006 - 02:02 AM

  Read this two page article on the box model to learn what is happening and how to avoid it.

  • 
  •  
•  
•  

Users on-line

• 0 users

This list is based on users active over the last 60 minutes.