/    Sign up×
Community /Pin to ProfileBookmark

Disappearing box in IE

[url]http://www.jnsitedesign.com/tommy/index.html[/url]
See the yellow box? It’s always there where it should be unless someone opens the page in IE and only when they have a screen resolution of 1024. Anyone know why????

to post a comment
CSS

9 Comments(s)

Copy linkTweet thisAlerts:
@upand_at_themOct 25.2007 — I see it in IE6 with screen resolution of 1280.
Copy linkTweet thisAlerts:
@jessnoonyesauthorOct 25.2007 — :mad: This stupid website is ticking me off. Thanks!
Copy linkTweet thisAlerts:
@dtm32236Oct 25.2007 — try adding a doctype:

http://www.alistapart.com/stories/doctype/

EVERY page on the internet should have this.

when you decide to add a doctype (i suggest using HTML 4.01 Strict), check your code for errors:

http://validator.w3.org/

and personally, i think that it looks better without the yellow - in my own opinion.
Copy linkTweet thisAlerts:
@jessnoonyesauthorOct 25.2007 — I'm making this for a friend and just doing what she wants. I figured out how to fix it with a different stylesheet for IE, but now here's my issue. I should probably post this in the javascript section but I'll ask here too. I have some code that will call a certain stylesheet depending on resolution. But now I need it to call the IE stylesheet when the resolution is a certain size, and only for IE. I have no idea how to change this code to do that, if it's even possible. Here's the code:

<script type="text/javascript">

if (screen.width < 1280)

link = document.getElementsByTagName( "link" )[ 0 ];

link.href = "style1.css";

</script>

I need it to open "style1ie.css" for IE people with a resolution under 1280.
Copy linkTweet thisAlerts:
@CentauriOct 25.2007 — If the page page coding was semantically correct and valid, then there would be not need for separate style sheets, different entry pages or javascript for cross-browser compliance. You are adding more and more stuff trying to correct problems caused by initial bad coding.
Copy linkTweet thisAlerts:
@dtm32236Oct 26.2007 — centauri is right.

add a doctype, then validate your code and fix any errors.

when you do that, and your code is fixed, your page will look fine in all browsers at any resolution.
Copy linkTweet thisAlerts:
@dtm32236Oct 26.2007 — your doctype is incorrect.

you have:

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">

change this to:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">


although, strict doctypes are recommended:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">
Copy linkTweet thisAlerts:
@WebJoelOct 28.2007 — 'Warnings', -some of which are actually page-busting errors. :o Screenshot image:

[upl-file uuid=4c67fbed-6ec7-487f-896c-6d66da30fefa size=20kB]ScreenHunter_3.gif[/upl-file]
×

Success!

Help @jessnoonyes 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.18,
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,
)...