Topic: Browser Detection?

I know there is a way but how would I have a splash page that detects the type of browser the person is using, then it uses the appropriate css style?

My biggest problem is things just aren't working out in IE6 and I don't know how to trouble shoot the issues. I'm completely baffled at this point. I want to create a splash page that says "This site is best viewed in IE7 or FF".

I've spent so much time working on this, and to have to go backwards to fix IE6 bugs drives me bonkers.

According to our web stats majority of our browsers still use IE6...

thnx

you don't do this in a splash page.
If you have to resort to different css for different browsers, I suggest you use a transparent javascript (or php, if you're already using that) solution in each page.

ooh dodgy ground, but Conditional comments should do the job.

You can stick them in the head of your document and load the appropriate style-sheet if desired which can add or overwrite CSS Styles.

[doh]Quirksmode fails, here's the real deal over at Microsoft[/doh]



(Edited by Blaise on 09-03-2007 19:04)

If you explain your problem in IE6, we can fix it.

Sorry, didn't want to just come out and say "Help, I'm an idiot and can't figure it out... (hitting head on the keyboard...)


www.caicc.net is the site. In FF it looks fine all the way around and everyone is happy with it. BUT
look at the site in IE6 and you'll notice that there is a little gap under the nav bar between the "header" and "body".
Plus if you look at www.caicc.net/090207.php the formating is dropping below the last banner on the left side.
I've tried just adjusting the image to make it smaller but that didn't work.

Worked on the index page but the article got jacked up.

I REALLY wanted to figure it out on my own but, I surrender.

thanks.

quote:

---

Radical Rob said:

in IE6 and you'll notice that there is a little gap under the nav bar between the "header" and "body"

---

#nav img { vertical-align: bottom; }

This is mostly a result of using img elements when you should be using background images.

http://developer.mozilla.org/en/docs/Images%2C_Tables%2C_and_Mysterious_Gaps
http://css.maxdesign.com.au/listamatic/
http://www.mezzoblue.com/tests/revised-image-replacement/

(Edited by reisio on 09-04-2007 22:44)

If you make the other page's markup valid and it's still not working, I'll take another look.

This is how to embed your Flash (in XHTML):

<object 
    data="/img/logo_only3.swf" 
    type="application/x-shockwave-flash" 
    width="200" 
    height="135">
    <param 
    	name="wmode" 
    	value="transparent" />
    <param 
    	name="movie" 
    	value="/img/logo_only3.swf" />
</object>

(Edited by reisio on 09-04-2007 22:56)

Awesome... that sorted it out. Now the last thing I need help with is why does this page break when all the others work fine with the CSS?


www.caicc.net/090207.php

quote:

---

reisio said:

If you make the other page's markup valid and it's still not working, I'll take another look.

---