Member Avatar for bazmanblue

ive mastered this page to look good in the latest ie and firefox browsers but cannot view them in any other browsers. if anyone could look how this site turns out in other or past browsers i would be very grateful

thanks
baz

  • 10 Contributors
  • 28 Replies
  • 184 Views
  • 1 Month Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

Quick summary of the compatibility points raised here: and others saw IE6 layout problems; ’s 404s were caused by missing/placeholder links; , and confirm Firefox/Opera renderings are consistent; and noted image/performance lag; highlighted readability and motion concerns. The guidance below targets those concrete issues with concise, practical fixes.

Checklist (fast triage)

  • Confirm a standards DOCTYPE so IE doesn’t fall into quirks mode.
  • Verify all anchor href values and any <base> tag to eliminate 404s.
  • Run HTML/CSS validation and check the browser console/network panel for missing resources or JS errors.
  • Reduce large decorative images, set explicit width/height, and prefer optimized formats or sprites to cut requests.

Common IE6 fixes (copy-ready)

<!--[if lt IE 7]>
<style>
/* float margin-doubling fix */
.float { display: inline; }

/* trigger hasLayout to avoid many IE6 bugs */
.container { zoom: 1; }

/* small IE6-only layout tweaks here */
</style>
<![endif]-->

Notes: PNG-alpha in IE6 often needs an IE-only fix or GIF fallbacks; using AlphaImageLoader can remove background-repeat and hurt performance, so prefer simple fallbacks or small GIFs for icons.

Layout, performance and UX

  • Overlapping corner graphics usually mean insufficient padding or wrong stacking context; add padding to the text container and adjust z-index so text sits above decorative elements.
  • The “open/close” flicker described by typically comes from hover handlers that change document flow; use absolutely positioned overlays or toggle visibility/opacity instead of inserting/removing content.
  • Reduce auto-animated elements or provide a way to pause them, and increase text/background luminance contrast to avoid readability loss (as raised by ). Moving non-essential ads away from the top (per ) often improves perceived stability.

Progressive enhancement + a small IE-only stylesheet gives predictable results across the legacy browsers named in this thread while keeping modern renderings intact.

Recommended Answers

All 28 Replies

Member Avatar for jbennet

Doesnt work on my PDA (IE5 compatible)
Doesnt propeley work (some of it works) on IE6
Works fine on IE7

Member Avatar for alienlinux

I've just loaded it in firefox, seamonkey and konquerer, they all work fine and look identical :)

Member Avatar for bazmanblue

thanks i think by the time ive finished this site everyone will have updated there browsers to newer css compatible ones. thanks for your help, shame it doesnt work properly in ie6

Member Avatar for jbennet

The css is kinda screwed up for IE6

Member Avatar for bazmanblue

would be nice if there was just one browser that was up to date with css. oh well all part of the fun

Member Avatar for MidiMagic

I'm sick of moving images used to attract attention, and links shaped like big pills.

And the corner shading overlaps the text somewhat in Firefox 7.0.0.3.

Member Avatar for bazmanblue

i dint ask for your opinion on the graphics thanks.

Member Avatar for jbennet

i dint ask for your opinion on the graphics thanks.

Actually, you kinda did....

Member Avatar for MidiMagic

Sorry about that. But....

- Links inside things that look like pills remind me of doctors and hospitals and other things connected with sickness.

- Moving images are interrupts which make it harder for me to read the text.

I wish people would realize that their favorite gimmicks are not universally appreciated.

Member Avatar for bazmanblue

fair do but im putting a variety of websites together for a portfolio so i need to show i can do a bit of everything. when i have a job ill need that sort of feedback

Member Avatar for The Dude

It displays fine in IE6 however NO LINKS OFF THE PAGE WORK!! (I get a 404 error on any link)

Member Avatar for bazmanblue

thats cool thanks. i havent set any links yet, just trying to fine tune it. thanks for your input

Member Avatar for The Dude

Ah no wonder no links worked :D

Good luck with it though,it looks good!

Member Avatar for mattyb15

I tested it in Opera 9:

Works Perfectly... Looks exactly the same as in Firefox.

Member Avatar for darrglud

Move the ad under the top of the page (that is horizontal) and place it on the bottom of the page, because it makes the site look really weird.

Member Avatar for MidiMagic

The blue on orange clashes to the point where it is hard to read. You need contrast in the luminance direction for easy readability.

Member Avatar for bazmanblue

no i asked how it was layed out in browsers not peoples opinions on the quality- "if anyone could look how this site turns out in other or past browsers i would be very grateful"
thanks for all your help

Member Avatar for MidiMagic

Legibility is not just quality. If the text clashes to the point where it is hard to read, people will hit their back buttons.

Member Avatar for bazmanblue

does the text clash?

Member Avatar for Resonate

Firefox, Seamonkey, Gran Paradiso, Netscape, IE6, IE7, Opera, Flock & Maxthon all work fine.

Nice site, looks promising.

Member Avatar for jbennet

the graphics (buttons in particular) are a bit slow to load - most likely impossible for dialup users

Member Avatar for Resonate

I agree the images was rather slow to load!
Have you used an Image optimizer recently to resize your image for your website?

Member Avatar for ~s.o.s~

There is surely some performance issue with the site, seems to take up all the bandwidth and makes the browser freeze for a second.

Member Avatar for jbennet

i think because he used .PNG - IE seems to be slow to render them

Member Avatar for ~s.o.s~

I am using Firefox so I think thats not the problem.

Member Avatar for jbennet

it loads fast on my PDA though (IE5 compatible) apart from the CSS is a bit screwed up - which made me think it was a rendering bug

Member Avatar for HLA91

Calm Down He Was Just Saying That There Is A Lot Of Moving Images

Member Avatar for MidiMagic

The text no longer clashes. But something weird is happening on the left and right windows.

If I move the cursor upwards over the window from below it slowly, and stop just below halfway down the image, the text window rapidly opens and closes repeatedly.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.