/    Sign up×
Community /Pin to ProfileBookmark

Its gone crazy…

Copy linkTweet thisAlerts:
Nov 24.2006

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 :rolleyes:

[url]http://www.sufcjuniorblades.com/admin_birthdays.asp[/url]

All validates fine and there’s no funny business going on…

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@Jeff_MottNov 25.2006 — This is one of IE renowned hasLayout-related bugs. Including the code below should fix it.[code=html]<!--[if lte IE 6]>
<style type="text/css">
#mainFrame { height: 0 }
</style>
<![endif]-->[/code]
Copy linkTweet thisAlerts:
@WebJoelNov 25.2006 — 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....

[/QUOTE]

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. ?
Copy linkTweet thisAlerts:
@cusimar9authorNov 25.2006 — 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...
Copy linkTweet thisAlerts:
@cusimar9authorNov 25.2006 — 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...
Copy linkTweet thisAlerts:
@WebJoelNov 25.2006 — ....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...[/QUOTE]

The Validator says:

Same colors for color and background-color [I]in two contexts[/I] body and #footer a:visited
[/QUOTE]

I assume that means that both "body" and "#footer a:visited" have [B]color:XXX; background-color:XXX;[/B] where "XXX" is the same color. The two instances (body & footera:visited) would have this in common. They do not [I]interfere[/I] 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 [I]is now colored the same as the background[/I]... it became 'invisible'...

This can be a source of great confusion for some...
Copy linkTweet thisAlerts:
@Jeff_MottNov 25.2006 — 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[/quote]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)?[/quote]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.
Copy linkTweet thisAlerts:
@cusimar9authorNov 25.2006 — 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 ?
×

Success!

Help @cusimar9 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...