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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Nov 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE 7 Hover Problem

    The problematic site in question is http://urbanlabs.co.uk/index2.php stylesheet is http://urbanlabs.co.uk/style.css

    Now in FF everything is fine but when viewed In IE7 when you hover over one of the featured work items some of the page seems to get pushed up behind the header. I've been trying to correct this for a while now and i just can't get it.

    If any of you could help me out that would be great.

    Thanks,
    Jodz.

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    I have been looking at it for a while and i dont see any problems in IE7! Perhaps its your browser for some reason, not sure!!

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    JCD,

    When I load into IE7; when I then hover over the right hand list (The Featured Work) , part of the text leaps up and stays there.

    Urban Labs are a small web solutions company based at Falmouth in the south west of England. Founded by Jodie Matthews Urban Labs now has 4 Full Time Designers. We like to work as close as possible with our customers so that we can acheive the best outcome. Specialising in Web & Creative Design, Corporate Branding and Hosting, Supplying customers with web and creative solutions since 2000 we have an excellent track record and portfolio. Whatever your idea, vision or dream we will aspire to achieve your goal via a method of close contact, working with you through the whole design process

    etc.

    Frank
    Last edited by effpeetee; 02-28-2008 at 04:06 PM. Reason: Extra text inserted.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Its your header
    Code:
    	<div id="header">
    		<h1 />
    	</div>
    Change it to this
    Code:
    	<div id="header">
    		<h1></h1>
    	</div>
    You could seem to have a case of divitis.

    Also having an empty header element doesn't help with accessibility. Put some text in it and text-indent off the screen.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

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