www.webdeveloper.com
Results 1 to 8 of 8

Thread: Its gone crazy...

  1. #1
    Join Date
    May 2005
    Posts
    502

    Its gone crazy...

    This is mad.

    All of a sudden my page has decided to hide half a menu when I hover over a button, even though its never done it before and it doesn't do it on the other screens.

    Can anyone advise?

    Just hover over the 'Validate All' button. Only happens in IE (6), of course

    http://www.sufcjuniorblades.com/admin_birthdays.asp

    All validates fine and there's no funny business going on...

  2. #2
    Join Date
    Jul 2003
    Location
    The City of Roses
    Posts
    2,503
    This is one of IE renowned hasLayout-related bugs. Including the code below should fix it.
    HTML Code:
    <!--[if lte IE 6]>
    	<style type="text/css">
    		#mainFrame { height: 0 }
    	</style>
    <![endif]-->
    for(split(//,'))*))91:+9.*4:1A1+9,1))2*:..)))2*:31.-1)4131)1))2*:3)"'))
    {for(ord){$i+=$_&7;grep(vec($s,$i++,1)=1,1..($_>>3)-4);}}print"$s\n";

  3. #3
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    I checked your CSS on the W3C Validator and there are apparently no 'errors' but quite a 'warnings', -I thought these were noteworthy (an excerpt) :

    ....# Line : 126 (Level : 1) You have no background-color with your color : #contentDiv li:first-line
    # Line : 131 (Level : 1) You have no color with your background-color : #footer
    # Line : 139 (Level : 1) Same colors for color and background-color in two contexts #contentDiv and #footer a:visited
    # Line : 139 (Level : 1) Same colors for color and background-color in two contexts body and #footer a:visited
    # Line : 139 (Level : 1) Same colors for color and background-color in two contexts #container and #footer a:visited
    # Line : 139 (Level : 1) You have no background-color with your color : #footer a:visited
    # Line : 139 (Level : 1) Same colors for color and background-color in two contexts #contentDiv and #footer a:visited
    # Line : 139 (Level : 1) Same colors for color and background-color in two contexts #pageHeader and #footer a:visited
    # Line : 139 (Level : 1) Same colors for color and background-color in two contexts body and #footer a:visited....
    While 'no background color with color' is relatively harmless, having 'same colors for background-color and color' could make your text be invisible. It would be worth fixing this as it will surely cause your problems later on.
    I build for: Firefox and tweak for IE

  4. #4
    Join Date
    May 2005
    Posts
    502
    Fantastic, thanks a lot guys. This forum has saved me so many times lol

    Same colours as background? I'll have a look at that. But why would it matter if the colours are the same for two completely seperate Divs (ie the Header and for the Footer)? They're hardly going to interfere with each other...

  5. #5
    Join Date
    May 2005
    Posts
    502
    Oh, and that code for IE6... I've tried just setting the height to 0 straight in the style sheet and it seems to work great for both IE & FF... is it likely to cause problems for any other browsers? Because if not theres no point me using an IE only directive...

    EDIT: Scratch that I've just noticed that in FF its made the background spread over the rest of the page. God I hate these cross-browser differences...
    Last edited by cusimar9; 11-25-2006 at 06:22 AM.

  6. #6
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    Quote Originally Posted by cusimar9
    ....Same colours as background? I'll have a look at that. But why would it matter if the colours are the same for two completely seperate Divs (ie the Header and for the Footer)? They're hardly going to interfere with each other...
    The Validator says:

    Same colors for color and background-color in two contexts body and #footer a:visited
    I assume that means that both "body" and "#footer a:visited" have color:XXX; background-color:XXX; where "XXX" is the same color. The two instances (body & footera:visited) would have this in common. They do not interfere with each other, but share the same error (warning). That is how I interpret the 'Validator's meaning for this.

    For "#footer a:visited", this means that if you 'visit' the anchor in the DIV "footer" and then return back to the same page, that link is now colored the same as the background... it became 'invisible'...
    This can be a source of great confusion for some...
    I build for: Firefox and tweak for IE

  7. #7
    Join Date
    Jul 2003
    Location
    The City of Roses
    Posts
    2,503
    and that code for IE6... I've tried just setting the height to 0 straight in the style sheet ... Scratch that I've just noticed that in FF its made the background spread over the rest of the page. God I hate these cross-browser differences
    Yeah, it's best to limit the IE fixes to only IE, and to let every other browser correctly interpret correct CSS.

    Same colours as background? I'll have a look at that. But why would it matter if the colours are the same for two completely seperate Divs (ie the Header and for the Footer)?
    Because the validator can't know the structure of the DIVs in your page. It might know that DIV A with a color of white it contained inside the BODY with a background color of also white, but it can't know that DIV A is also contained inside DIV B with a background color of something else. This does _not_ necessarily mean that some of your text will become invisible, but it means that, depending on your DIV hierarchy, the potential for it to happen is there. That is why the messages are only warnings.
    for(split(//,'))*))91:+9.*4:1A1+9,1))2*:..)))2*:31.-1)4131)1))2*:3)"'))
    {for(ord){$i+=$_&7;grep(vec($s,$i++,1)=1,1..($_>>3)-4);}}print"$s\n";

  8. #8
    Join Date
    May 2005
    Posts
    502
    Ah right, good stuff. Because although (for instance) the "body" and "#footer a:visited" share the same colour, the body TEXT is black, and the footer BACKGROUND is red, hence no problem.

    Cheers for all your help guys, very much appreciated

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles