Want to Minimise Browser Dependence
I am a web administrator to the site Nrityakalamandiram
In the long run, I want the site's appearance not to conspicuously vary from browser to browser. I would like my site to appear and function exactly as I want it to, at least in the most popular browsers like Firefox, IE, Chrome, Chromium.
As a few steps toward this I would like to get a couple of things sorted out
See http://www.nritykalamandiram.in/home/gallery.html
I opened it in Firefox, the album name "THE DIRECTOR" is just above the black box in which the photo gallery lies:
I opened it in Chromium, the same page appears thus:
What I have done as follows: Inside a element I have written the album name as per user's click (on the left side is a list of albums) and below it, displayed the gallery box. The mother is intended to be transparent like. To achieve this I appended "background-color:transparent" to the "style" property of
This is ineffective in Firefox but not in Chromium as one sees - in the latter picture attached - a white patch to the left and above the gallery box!
It is evident from above that
<div style="background-color:transparent..." ... >
does not serve the purpose uniformly for all browsers.
I am perhaps too fussy about a seemingly negligible aberration such as this, but somehow the white patches are jarring.
Secondly, the font of the album names in Chromium is a narrowed version of that in Firefox. This is rather harmless but as a result of too much width, one of the album names on that list spills over to two lines forcing me to increase the width - so as to get that in a single line - but that'll cramp up the main content area for space!
In light of the above I have two questions:
Is there a code that achieves the transparency of the mother as described above, uniformly for all popular browsers?
I need an explanation and of course an idea to do something to make amends, to this rather un-overlook-able font difference.
I am a web administrator to the site Nrityakalamandiram
In the long run, I want the site's appearance not to conspicuously vary from browser to browser. I would like my site to appear and function exactly as I want it to, at least in the most popular browsers like Firefox, IE, Chrome, Chromium.
As a few steps toward this I would like to get a couple of things sorted out
See http://www.nritykalamandiram.in/home/gallery.html
I opened it in Firefox, the album name "THE DIRECTOR" is just above the black box in which the photo gallery lies:
I opened it in Chromium, the same page appears thus:
What I have done as follows: Inside a element I have written the album name as per user's click (on the left side is a list of albums) and below it, displayed the gallery box. The mother is intended to be transparent like. To achieve this I appended "background-color:transparent" to the "style" property of
This is ineffective in Firefox but not in Chromium as one sees - in the latter picture attached - a white patch to the left and above the gallery box!
It is evident from above that
<div style="background-color:transparent..." ... >
does not serve the purpose uniformly for all browsers.
I am perhaps too fussy about a seemingly negligible aberration such as this, but somehow the white patches are jarring.
Secondly, the font of the album names in Chromium is a narrowed version of that in Firefox. This is rather harmless but as a result of too much width, one of the album names on that list spills over to two lines forcing me to increase the width - so as to get that in a single line - but that'll cramp up the main content area for space!
In light of the above I have two questions:
Is there a code that achieves the transparency of the mother as described above, uniformly for all popular browsers?
I need an explanation and of course an idea to do something to make amends, to this rather un-overlook-able font difference.
No comments:
Post a Comment