#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2010
    Posts
    4
    Rep Power
    0

    Elements not the same width in IE and Firefox


    The template I am working on is a simple HTML page that I want to modify to work in Joomla.
    However the look of the site is not quite the same in Firefox (where it looks good) and IE8 where one part of it I could not make right for two days. The left sidebar is shorter and the content right side is shorter and not aligned. I am aware that is something small but I could not get it right.

    Please help. The URL is:

    compasstgdotcom/~orak

    the css in questions is: base.css

    Thank you all
  2. #2
  3. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,262
    Rep Power
    1960
    Without a complete DTD, you will play hell trying to get IE to join the modern world. IE is running in quirks mode, where among other issues, the padding is taken from the widths and heights, instead of being added to them, certain other css properties either don't work, or as with the padding (box model bug), work wrongly.

    You have a mix of xhtml and html markup syntaxes. Pick one. I'd suggest the html, and use this DTD:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd">
    Validate your markup and fix all errors.

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.

IMN logo majestic logo threadwatch logo seochat tools logo