Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts

    IE7 layout - please help?

    On my website:
    http://www.wildfire-digital.com/test/ciwf/video.asp

    The layout is fine in FireFox but in IE 7 the bottom right box is out of place and the middle image is slightly out of place?!

    can someone please help?

  • #2
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Hi Jarv,

    Before I even look any further can you please clean up the code so that it passes validation? Currently there are 23 errors and 15 warnings:
    http://validator.w3.org/check?uri=ht...ss=1&verbose=1

    That way we don't try to hunt for a problem that isn't really there.

    Once those are straightened out it will be more productive for me to review the code.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello again Jarv,
    It is always good to validate but your errors are mostly to do with your media player and not really affecting your layout.
    But...
    Your layout is still not logical.
    Your .new should contain your Recent Content header, video selector floated left and that goofy image margined right.
    .new can then be positioned with margins and a float.

    .right should contain your Get More header and that list of links.
    .right can then be positioned with margins.

    Your use of absolute positioning doesn't quite work, floating your ap doesn't work at all.
    Haven't we been over some of this before though? http://www.codingforums.com/showthread.php?t=158576

    ===
    ---In your CSS, .new and .new div are conflicting... I think you can just delete .new div and be alright.
    Code:
    .recentholder{
    width: 400px;
    overflow-x: scroll;}
    ---Fix that image so it's inside .new and not absolute positioned anymore.
    ---#floatright { float:right;} doesn't work either. To float things you need to give them a width.
    Last edited by Excavator; 03-03-2009 at 11:52 PM.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

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