This forum is no longer open and is for reading/searching only.

Please use our new MachForm Community Forum instead.

MachForm Community Forums » MachForm 2

Everything looks huge in IE8 - help!!


  1. seocc
    Member

    The form I am working with looks totally fine in Firefox but in IE8 everything gets a lot bigger. Please help me figure this out.

    http://stevendouglas.com/staging/

    http://stevendouglas.com/staging/steven-ie.png
    http://stevendouglas.com/staging/steven-firefox.png

    Posted 13 years ago #
  2. Willy
    Member

    I see you don't use a doctype, it could be due to just this alone.

    Have a look at the results of the w3c html validator and the w3c css validator.

    The html validator will show a lot less errors once you set the doctype.

    Fix those things first and then check your form again.

    Posted 13 years ago #
  3. yuniar

    You might also want to try changing the font size of your form.
    Edit the CSS code, search for this:

    #main_body  form ul
    {
    	font-size:100%;
    	list-style-type:none;
    	margin:0;
    	padding:0;
    	width:100%;
    }

    change it to become:

    #main_body  form ul
    {
    	font-size:75%;
    	list-style-type:none;
    	margin:0;
    	padding:0;
    	width:100%;
    }

    then refresh your browser to see it.


    MachForm Founder

    Posted 13 years ago #
  4. seocc
    Member

    Willy, thanks for pointing that out. That miraculously made a lot of things look better.

    Yuniar, adding the font-size:75% that you suggested now makes IE fit within the form's background, but it shrinks firefox as well and now that looks too tiny. Is there a way I can specify an exact font size rather than using a percentage? Will this make it uniform through both browsers?

    Edit>> Nevermind! I set it to "font-size:12px" and that seems to be a happy medium. It's a LITTLE bit too big in IE but it still fits into the form's background box. I'll just do some adjustments to the padding. Thanks a lot guys.

    Posted 13 years ago #

RSS feed for this topic

Reply