/    Sign up×
Community /Pin to ProfileBookmark

css works in Firefox. Not in IE6 and IE7

if you go here

[url]http://www.surfaceundergroundtheatre.com/tickets2.php[/url]

everything aligns up beautifully in Firefox 2 but in IE6 and 7 no dice any ideas as to why thanks to all that helps.

to post a comment
CSS

6 Comments(s)

Copy linkTweet thisAlerts:
@WebJoelJan 14.2008 — 212 'warnings' ("minor errors"), but this one could be the problem: Screenshot image.

You have too many 'single quotes' in the alt="" statement. If you wish to include 'quotes' or 'single quotes' in such a tag, you have to pair them with a parity mate: Example:

<alt=[B]"[/B]This is [B]"[/B]NOT[B]"[/B] the way to do it[B]"[/B]>

But THIS next one, is correct:

<alt=[B]'[/B]This is the [B]"[/B]CORRECT[B]"[/B] way to do it[B]'[/B]>

(also: <alt=[B]"[/B]This is the [B]'[/B]CORRECT[B]'[/B] way to do it[B]"[/B]>

It is a 'warnings' of course, it it essentially causes the tag to not correct be 'closed', thus, throwing a validation warning. Probably not at all serious for this type of tag, but for another type of tag or script, -bad.

[upl-file uuid=3d74e6c5-a99b-4ee5-be1f-dbf58b57a855 size=3kB]ScreenHunter_1.gif[/upl-file]
Copy linkTweet thisAlerts:
@realtime158authorJan 15.2008 — Its still perfect in firefox but in IE6 or IE7 no dice

http://www.surfaceundergroundtheatre.com/tickets.php
Copy linkTweet thisAlerts:
@CentauriJan 15.2008 — A big problem here is .menuFlash div is containing [B]everything[/B], not just the menu, and it is being asked to contain divs 20px wider than itself is set - FF will allow content to spill outside divs, but IE will expand the div, thereby affecting the centering of the site.

Also note that sometimes IE has a problem if an internal div is set to the same width as its container whilst also having auto side margins - If an internal div is not floated and is to be the same width as its container, no width needs to be specified at all - the internal div will naturally expand to the available width.
Copy linkTweet thisAlerts:
@realtime158authorJan 15.2008 — What can i do to fix it. Thanks..
Copy linkTweet thisAlerts:
@CentauriJan 15.2008 — First thing is to move the .menuFlash closing div tag to just before the .contentBody div in the html.

The excessive vertical spacing in IE can also be addressed by zeroing all browser default margins and paddings at the [B]start[/B] of your css :[CODE]* {
margin: 0;
padding: 0;
}[/CODE]
Copy linkTweet thisAlerts:
@WebJoelJan 15.2008 — [B]Got rid of the ALT Tags don't need then anyways[/B][/quote] Actually, for accessibility, the [B]alt="text~..." [/B]is the incorrect use. You be using [B]title="text~..." [/B]as this is for screen-readers and it is not an image. This particular tag does need a ' [U][I]title=""[/I][/U] '
×

Success!

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