Skip navigation
Currently Being Moderated

1024 x 576 display,  text going large and ruining page ??

Apr 1, 2013 9:29 AM

Tags: #resolutions




ive just tested a page from my site,

Mt navigation bar buttons are not displaying, ?

also he page contents text is being displayed large

and ruining the page and makiing it toally un readable.


Screen size is from a netbook.


site is


any ideas?



  • Currently Being Moderated
    Apr 1, 2013 9:35 AM   in reply to dares_uk

    Run your page in the validator here and clean out the errors in your html:



    HTML errors can cause all kinds of display problems. If you clean them out and the problem is still there, post back and we can take a closer look.

    Mark as:
  • Currently Being Moderated
    Apr 1, 2013 10:18 AM   in reply to dares_uk
    • Target attribute is deprecated code. 



    • Knowing how to work with code & fix your errors is an essential skill.  You can't rely on DW Design View for everything.



    Nancy  O.

    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 2, 2013 1:46 AM   in reply to dares_uk

    IE8 is not fully HTML5 compatible. Your doctype declaration is HTML5 Strict. Things like <nav> tag will not display on IE8.


    You could use a Polyfill to display those properly - something like Modernizr should work -

    Mark as:
  • Currently Being Moderated
    Apr 4, 2013 10:13 AM   in reply to dares_uk

    HTML5 tags  are not supported by older browsers.  You need to add a link to the HTML5 shiv.js to the <head> tag of your HTML5 docs.



    <!--[if lt IE 9]>
    <script src=""></script>





    Nancy O.

    Mark as:
  • Currently Being Moderated
    Apr 9, 2013 11:28 AM   in reply to dares_uk

    Honestly, your layout is seriously flawed, especially in smaller displays.  To illustrate, go to the site below and type your URL into the address bar.


    Text-sizes are controlled by browser preference settings.  If your Notebook has larger than default text-size, things are going to look bad.  There's no way to control which preference settings people choose to use in their browsers. 


    Below is a screenshot of your page with text-size aggressively increased in Firefox (Ctrl++++).  The menu is whacked & the form fields are unusable. 




    The majority of these problems are caused by your liberal use of positioning.  DO NOT USE POSITIONING.  Re-build with CSS Margins (positive, not negative numbers) & Floats. Positioning is not needed for any of this.




    Nancy O.

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points