+ Post New Thread
Results 1 to 6 of 6
Web Development Thread, Screen size & positioning in Coding and Web Development; So i've just finished positioning stuff for my site \o/ but I have coded it in a widescreen and on ...
  1. #1
    mossj's Avatar
    Join Date
    Dec 2008
    Location
    Leicester
    Posts
    1,466
    Thank Post
    157
    Thanked 189 Times in 174 Posts
    Rep Power
    52

    Screen size & positioning

    So i've just finished positioning stuff for my site \o/ but I have coded it in a widescreen and on IE7.

    As far as browser checks thats easy enough, but does anyone know a tool either a joomla ext or a third party that shows previews in diffrent size screens and res?

  2. #2
    DrPerceptron's Avatar
    Join Date
    Dec 2008
    Location
    In a house
    Posts
    926
    Thank Post
    34
    Thanked 134 Times in 114 Posts
    Rep Power
    41
    Check Browser Compatibility, Cross Platform Browser Test - Browsershots will check your site in any browser/OS it supports - as long as it faces the web.


    You can choose other options, but I've never used them, so can't comment on them... might be worth a look though.

  3. Thanks to DrPerceptron from:

    mossj (14th January 2009)

  4. #3

    Join Date
    May 2008
    Location
    Cheshire
    Posts
    292
    Thank Post
    48
    Thanked 27 Times in 24 Posts
    Rep Power
    18
    You can try downloading Mozilla Firefox, and/or Opera. These will allow you to view the page in different sizes. Also with Firefox you can add an extension which allows you to view it as if it was Internet Explorer as well.

  5. #4

    Join Date
    May 2008
    Location
    Cheshire
    Posts
    292
    Thank Post
    48
    Thanked 27 Times in 24 Posts
    Rep Power
    18
    Creating the site itself, you may wish to embed the body content within a div. For example

    <body>
    <div class='mainContent'>
    ....
    ....
    ....
    </div>
    </body>

    Then in the head section you can style it so the width is 795 pixels:

    div.mainContent { width: 795px; }

    795 pixels will allow room also for the scroll bar (if you need one).

    Hope this helps and gives you some more ideas!

  6. #5
    mossj's Avatar
    Join Date
    Dec 2008
    Location
    Leicester
    Posts
    1,466
    Thank Post
    157
    Thanked 189 Times in 174 Posts
    Rep Power
    52
    Quote Originally Posted by Pashers View Post
    Creating the site itself, you may wish to embed the body content within a div. For example

    <body>
    <div class='mainContent'>
    ....
    ....
    ....
    </div>
    </body>

    Then in the head section you can style it so the width is 795 pixels:

    div.mainContent { width: 795px; }

    795 pixels will allow room also for the scroll bar (if you need one).

    Hope this helps and gives you some more ideas!
    I tend to do that already, the problem comes when something is positioned absolute. Anyway I just got some friends to take a look + will download that software for next time.. sounds useful

  7. #6
    gibbo_ap's Avatar
    Join Date
    Nov 2007
    Location
    Staffs, UK
    Posts
    937
    Thank Post
    233
    Thanked 81 Times in 64 Posts
    Rep Power
    36
    the web dev plugin for fire fox allows you to resize the window to different res' on thing i need to do on our site is fix the fonts for linux so u might want to look at this 2.

  8. Thanks to gibbo_ap from:

    mossj (20th January 2009)

SHARE:
+ Post New Thread

Similar Threads

  1. Replies: 7
    Last Post: 30th December 2007, 12:43 PM
  2. Powerpoint & Wide Screen
    By FN-GM in forum General Chat
    Replies: 3
    Last Post: 29th September 2007, 09:22 PM
  3. Blank screen after Windows screen
    By Andie in forum Windows
    Replies: 22
    Last Post: 13th July 2007, 10:48 AM
  4. Joomla front page module positioning
    By ChrisH in forum Web Development
    Replies: 3
    Last Post: 5th July 2007, 10:39 AM
  5. Replies: 43
    Last Post: 25th April 2007, 02:12 PM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •