...

View Full Version : Newbie needs helps on browser diff.



ksanjanadevi
10-31-2008, 11:43 AM
hello all,
I am new here.

I am doing css and h tml code for a website and I came across browser differences and know that there are conditional css to apply for each browser.

Can I know how or have a link as how to give conditional css for IE 6, IE7, FF2, FF3, Google chrome?

thanks
Anjana

BoldUlysses
10-31-2008, 02:23 PM
The only browser that needs conditional CSS is IE. That works out well since the method of applying a conditional stylesheet (with conditional commenting):


<!--[if IE]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

is only recognized by IE. The other browsers all play by the rules and are standards compliant. The few, slight rendering differences between them can be circumvented easily without sacrificing design integrity.

If you use a strict DOCTYPE (http://www.alistapart.com/articles/doctype/) and ensure your code validates, then there are few instances when you'll need to use a conditional stylesheet in the first place.

jamesicus
10-31-2008, 04:02 PM
.......... I am doing css and h tml code for a website and I came across browser differences and know that there are conditional css to apply for each browser ..........

Do not aspire to "pixel perfect" layouts. Reference: About.com: Web Design/HTML -- You Can't Get Every Page to Look Identical, So Stop Trying! (http://webdesign.about.com/od/webdesigntutorials/a/aa061404.htm)

James

ksanjanadevi
11-04-2008, 06:58 AM
thanks for your help,

I have one more doubt, Are there conditional css for FF2 Vs FF3? because I can see lots of differences in height for a website I give in FF2 and FF3 and also differences in 1024px and 1200px resolution.

Any ideas?:(

abduraooft
11-04-2008, 08:10 AM
Any ideas? Can we have a link to your page?

ksanjanadevi
11-04-2008, 11:15 AM
http://gtu.edu:8100/centersandaffiliates/islamicstudies/courses

here is the link.
the right and left side should be equal to the center one at the bottom.

abduraooft
11-04-2008, 11:40 AM
See the faux column technique at http://www.bonrouge.com/3c-hf-fluid.php

PS: Why tables for layout is stupid? (http://www.hotdesign.com/seybold/)

florachristi
11-05-2008, 09:06 AM
spamspamspamspamspam buh bye - mod.

ksanjanadevi
11-05-2008, 10:16 AM
how do u say this is spam, I am just asking for a solution :rolleyes:

Rowsdower!
11-05-2008, 05:41 PM
how do u say this is spam, I am just asking for a solution :rolleyes:

No worries, the mod is referring to the previous post by the now-banned florachristi (not your question).

Anyway, I'm just browsing. I'm a beginner with CSS myself so I can't offer you any help aside from the above clarification.

Good luck!

effpeetee
11-06-2008, 04:54 PM
This site (http://www.projectseven.com/tutorials/css/pvii_columns/index.htm)may help you.

And here's another (http://www.dynamicdrive.com/style/blog/entry/css-equal-columns-height-script/).

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum