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 5 of 5
  1. #1
    New Coder
    Join Date
    Feb 2011
    Posts
    73
    Thanks
    12
    Thanked 2 Times in 2 Posts

    How does this look to you?

    Hello again,

    Thanks again to excavator who seems to know everything!

    Well i have came across my first Frontpage/IE problem?

    My site looks well out of line on frontpage (1024x768 - my max resolution) whilst when previewed in a browser it looks fine except for the jquery cycle image that seems to have a bit added to the right?

    Does this look ok on yours? any ideas on how to keep the image in its correct place

    Frontpage view

    Browser view

    Thanks Guys
    Peter

  • #2
    New Coder
    Join Date
    Feb 2011
    Posts
    73
    Thanks
    12
    Thanked 2 Times in 2 Posts

    Any help with an image too wide?

    Does anyone know why the banner image is too wide for the div. Something to do with jquery?

    www.bushcottages.co.uk/purecss.htm

    Cheers
    Peter

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,747
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Pretty much all your containing elements are set at 90% width with a 5% left margin.
    Your #banner that contains .slideshow is set the same way. The problem shows up at narrower resolutions when the 1511px wide .slideshow breaks out of it's more fluid width container.

    In otherwords, everything is fluid but the slideshow. It's set hard at 1511px.
    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

  • #4
    New Coder
    Join Date
    Jan 2011
    Posts
    66
    Thanks
    10
    Thanked 5 Times in 5 Posts
    Not sure but have you tried overflow:hidden; on the offending div ?

  • Users who have thanked Jimather for this post:

    far2many (02-13-2011)

  • #5
    New Coder
    Join Date
    Feb 2011
    Posts
    73
    Thanks
    12
    Thanked 2 Times in 2 Posts

    Fluidity Problems

    Thanks for your help. Jimathers overflow: hidden idea has worked to make it the correct width.

    However i need the container to not be fixed and be fluid - this is escaping me last one for tonight i promise

    www.bushcottages.co.uk/purecss.htm

    Thanks
    Peter


  •  

    Posting Permissions

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