/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] IE and CSS (Part #3074195)

I’m going back to web design after about four years away from it, but some things never change… like the endless attempts to get CSS to work properly across browsers, especially IE.

The page I’m having trouble with is this one here:

[url]http://washbrook.hostei.com/[/url]

It turns out fine in Chrome and Firefox, and it [i]was[/i] looking fine in IE for most of its development. Now, it looks an absolute mess.

[url]http://i43.photobucket.com/albums/e400/CWashbrook/ms-ie-1.jpg[/url]

I’m not exactly sure at what stage it started looking like that, because when I uploaded an earlier version it was doing just fine. For quick reference, the CSS file I’m using is [URL=”washbrook.hostei.com/style.css”]here[/URL].

In advance: I made practically no changes to the CSS file between my first upload (which worked) and my last upload (which didn’t). The only changes I can recall making are adding “height: 290px;” to #main-content and #left-sidebar, and defining “a:” attributes for #footer. I did make a handful of changes to the index.php page, such as adding a favicon and cleaning up some errant PHP mark-up.

I’m aware that this site probably doesn’t involve the cleanest markup you could possibly come up with – I’m really out of practice – but I can’t tell what might be the cause of problems with respect to IE’s ability to process CSS. I’ve done some searching through the many, many IE/CSS threads in this forum, but I don’t really understand what to look out for given that this page was working fine not long ago, and with very few changes since.

to post a comment
CSS

3 Comments(s)

Copy linkTweet thisAlerts:
@Cyril_WashbrookauthorMay 13.2010 — Apologies for the site not working beforehand (the host I used seems to require periodic "reviews" of content). The links should now work.
Copy linkTweet thisAlerts:
@tirnaMay 13.2010 — I've had a look at the source code for your home page and for starters there is no DOCTYPE declaration.

Imo the first thing that should be done is assign an appropriate DOCTYPE on each web page and then validate each page on your website at the w3c validator:

[URL]http://validator.w3.org/[/URL]

Then validate your css file at the w3c css validator:

[URL]http://jigsaw.w3.org/css-validator/#validate-by-upload[/URL]

After you have valid html and css then play around with the css styles to get your web pages to look the way they should.
Copy linkTweet thisAlerts:
@Cyril_WashbrookauthorMay 13.2010 — I've had a look at the source code for your home page and for starters there is no DOCTYPE declaration.

Imo the first thing that should be done is assign an appropriate DOCTYPE on each web page and then validate each page on your website at the w3c validator:

[URL]http://validator.w3.org/[/URL]

Then validate your css file at the w3c css validator:

[URL]http://jigsaw.w3.org/css-validator/#validate-by-upload[/URL]

After you have valid html and css then play around with the css styles to get your web pages to look the way they should.[/QUOTE]

Thanks Tirna. Turns out that IE had been thrown off by my inexplicable use of "repeat-n" instead of "no-repeat" for a couple of the background-image attributes. *whacks head* :p
×

Success!

Help @Cyril_Washbrook 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 6.2,
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: @meenaratha,
tipped: article
amount: 1000 SATS,

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

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...