Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 9 of 9
  1. #1
    Junior Member
    Join Date
    Aug 2010
    Posts
    5
    Member #
    23173
    Hello all
    Can any one help me!! as i'm a real novice.
    in css how can I make all computer's see my web page the same:
    Example:- my web page is ok on vista with IE8 :IE7:Firefox!!
    But not on X/P or Windows 7 using the same IE's. Thay say that some web brosers are not compattble but it seems to me the O/S is at fault to.
    my web page wrap's/drop's to the next page loseing my header & my right_col.
    I have tryed using body{text_align:center;}
    and .wrapper{margin_right:auto;margin_left:auto;} But no luck at all

    Please can any one help me

    stevet

  2.  

  3. #2
    etm
    etm is offline
    Member
    Join Date
    Aug 2010
    Location
    Calgary, Canada
    Posts
    76
    Member #
    23011
    Just to start with the most obvious, you wrote:

    body{text_align:center;}
    .wrapper{margin_right:auto;margin_left:auto;}

    Do you actually have the underscores in your code, or was that a typo here? Because they need to be dashes, not underscores:

    body {text-align:center;}
    .wrapper {margin-right:auto; margin-left:auto;}

  4. #3
    Junior Member
    Join Date
    Aug 2010
    Posts
    5
    Member #
    23173
    Hello etm
    Yes it was a type error
    can you help

    my site http://myweb.tiscali.co.uk/computerrepairs
    As you can see all right in vista but not in x/p or windows 7
    I think I have done well upto now? [Remember only a newbe]
    stevet

  5. #4
    etm
    etm is offline
    Member
    Join Date
    Aug 2010
    Location
    Calgary, Canada
    Posts
    76
    Member #
    23011
    Do you want your site centered in the browser, or left justified? You have a lot of code conflicting your alignment.

    Example:

    Your CSS:
    .header {align:left;}

    Your HTML
    <center><img src="myweb.jpg"></center>
    <div class="header">

    </div>


    First I assume the header image should be in the 'header' div. Right now that div is empty. Also, you are telling the div to align left, but the image has a <center></center> alignment around it. Try not to mix in unneeded inline formatting, especially old deprecated tags like <center>.

    So instead your markup should read:

    <div class="header">
    <img src="myweb.jpg">
    </div>

    That would align your header to the left with the rest of the site (based on what I see). If you did want it centered, just change your CSS class ".header" to "align:center;".

    That's a start. There are several error like that. Give your code a review and look for similar issues and then get back to us.

  6. #5
    Junior Member
    Join Date
    Aug 2010
    Posts
    5
    Member #
    23173
    hi Etm
    I will change this and review the rest (I will be in touch soon)

    Thanks alot
    Ps what o/s do you have? if x/p or windows 7 you will see what the prob is
    stevet

  7. #6
    etm
    etm is offline
    Member
    Join Date
    Aug 2010
    Location
    Calgary, Canada
    Posts
    76
    Member #
    23011
    I don't think its the Windows version causing issue. I'll bet the computer that it is acting up on has a lower monitor resolution and the page can't fit in the browser window. To test, in the system that is working, just shrink your browser window size and watch the nav column wrap like on the other systems.

    The reason that is happening is because your site width is so large it can't even fit in a 1024px wide window.

    Your .main_col class is 990px wide plus has 10px of padding all around and 21px of left-margin. Total space taken up is 1031px.

    Then you have the .right_col class which is 165px wide plus 10px of padding all around. Total space taken is 185px.

    So 1031px + 185px means your site is 1216px wide!!!


    Since that will only fit in a 1280 px wide resolution and higher, you will have issues.

    Your total site size should not exceed 960px. That allows it to fit in nicely in 1024 and up screen resolutions. If you want to accomodate older 800x600 screens than the whole site should not exceed 770px total width.

    Adjust your header graphic and content's column sizes down and you will fix the issue.

  8. #7
    Junior Member
    Join Date
    Aug 2010
    Posts
    5
    Member #
    23173
    thank's ETM

    Thanks for youe advice

    stevet

  9. #8
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    definitely reduce the size of everything so the total width is 960px

    Then add this to your #wrapper CSS: width: 960px (and reduce main-col to 800 and your menu to 160)

  10. #9
    Junior Member
    Join Date
    Aug 2010
    Posts
    5
    Member #
    23173
    Thank's Smoseley

    I will do that

    Thanks


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:40 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com