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 10 of 10
  1. #1
    Junior Member
    Join Date
    Jul 2009
    Posts
    6
    Member #
    19339
    Hi, I'm new here, just starting out with CSS and I need a little help. I'm designing a homepage for school and I can't get the page to display correctly in IE, it works in Firefox, but in IE the left navigation is placed several hundred pixels below where it should be. Any idea what the problem is?
    The files are attached.
    Also do you guys have any tips on a better way to create a layout like this? Or is relative positioning the best way?

  2.  

  3. #2
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    dude you have two body declarations and second that is just not a readable structure. try looking at the way code is posted on forums, then if you can post a link to a live example.

    while($get_it !== true){ continue; }

  4. #3
    Junior Member
    Join Date
    Jul 2009
    Posts
    6
    Member #
    19339
    I'm pretty sure you need to have two body declarations to get the background to work because I have an x repeated image and a background color. I'm not sure what you mean by unreadable structure, but I uploaded it for you if that's easier.
    http://student.mccinfo.net/bmwilliam...9/default2.htm

  5. #4
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    that also means you have not taken a look at how to properly post code. if you couldnt do that after being asked..... you also have issue with my body comment. you are far to advanced for me then sir. good luck with that.

    while($get_it !== true){ continue; }

  6. #5
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Checkmate ...

    See my sample page:
    http://www.catpin.com/info1319/

    Don't use absolute or relative positioning.
    It creates too many browser compatibility issues.

    Wrap <div>s where needed and use floats and padding.

    See my HTML source and here is the modified CSS file:
    http://www.catpin.com/info1319/style2.css


  7. #6
    Junior Member
    Join Date
    Jul 2009
    Posts
    6
    Member #
    19339
    Hmm, I see so relative positioning is a no-no. I was wondering I had just did something wrong with the coding. Thank you very much, I kinda feel bad that you had to recode all my css lol, but it was very helpful, thanks again. Just one more quick question, why'd you put a center text alignment in the body?

  8. #7
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    The body center-text puts your 750 pixel wide page in the center of the browser.
    Otherwise, it would be flush-left with the browser window.

    Go to this site:
    http://www.browsrcamp.com/

    Now, enter my sample page URL,
    http://www.catpin.com/info1319/

    Pick a width of 1600 and see how it looks.
    The body will be in the center of that wide browser.

    ===============

    Positioning, absolute and relative, is a valid thing to do ...
    I just know it's hard to get the results to work well between browsers,
    so I avoid it as much as possible. Finding a different way to position things.

    My code is just one of many ways it could be done.
    Everyone sort of develops their own style and methods, so don't think my code
    is the Gospel. Just use it as an example of a way to position without "position".

    You're right in not using <table>. Tables are valid for tabular data, like the output
    of a database query, list of data, columns, etc. Things that are listed in a tabular
    format ... then use <table> ... that would be the correct tag to use.


  9. #8
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Quote Originally Posted by Dorky
    that also means you have not taken a look at how to properly post code. if you couldnt do that after being asked..... you also have issue with my body comment. you are far to advanced for me then sir. good luck with that.
    Did you wake up on the wrong side of the crib Dorky?

  10. #9
    Junior Member
    Join Date
    Jul 2009
    Posts
    6
    Member #
    19339
    Quote Originally Posted by mlseim
    The body center-text puts your 750 pixel wide page in the center of the browser.
    Otherwise, it would be flush-left with the browser window.

    Go to this site:
    http://www.browsrcamp.com/

    Now, enter my sample page URL,
    http://www.catpin.com/info1319/

    Pick a width of 1600 and see how it looks.
    The body will be in the center of that wide browser.

    ===============

    Positioning, absolute and relative, is a valid thing to do ...
    I just know it's hard to get the results to work well between browsers,
    so I avoid it as much as possible. Finding a different way to position things.

    My code is just one of many ways it could be done.
    Everyone sort of develops their own style and methods, so don't think my code
    is the Gospel. Just use it as an example of a way to position without "position".

    You're right in not using <table>. Tables are valid for tabular data, like the output
    of a database query, list of data, columns, etc. Things that are listed in a tabular
    format ... then use <table> ... that would be the correct tag to use.
    I'm probably wrong, but isn't the margin: 0px auto; in the body what keeps the page centered? When I delete the text alignment, the page still stays centered..
    Also would the best way to make the projects column and the assignments column end at the same point be to assign a min-height property to the projects column?

  11. #10
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Text align works for IE5 and I think IE6.


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 03:55 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com