Skip navigation
dares_uk
Currently Being Moderated

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

Apr 1, 2013 9:29 AM

Tags: #resolutions

Hi

 

 

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 www.amberroom-salon.co.uk/contact

 

any ideas?

 

thanks

 
Replies
  • 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:

     

    http://validator.w3.org/

     

    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 - http://modernizr.com/

     
    |
    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="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

     

     

     

     

    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.

    http://mattkersley.com/responsive/

     

    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. 

     

    AmberRoom.jpg

     

    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