View Full Version : making your css look the same across browsers
ello,
i know that ns4 support for css sucks. i'd like one simple thing to look the same across the browsers, and i'm not sure if i can. the link below is for a really small page. (2 div tags) it's a mock up of how i'd like some menus to look when i'm done developing them. looks fine in ns6 and ie5, but really different in ns4. can anyone recommend a technique to get these div looks the same? i am really frustrated.
http://www.phisigmapiaz.org/divTest.html
thanks all!
//kies
Hey Kies
That's why Netscape only set The Background-color where the Text is!
try to add Tables(with the height and width you want the divs)in the divs
hope it helped
greets
<font size=1>|| simu ||
|| [url="mailto:simuk@freesurf.ch"]simuk@freesurf.ch[/url:uvj8h43pre] ||
|| [url="http://www.simu.cjb.net"]www.simu.cjb.net[/url:uvj8h43pre] || [url="http://www.retedesign.ch.vu"]www.retedesign.ch.vu[/url:uvj8h43pre] ||</font id=size1>
manswide
21.06.2001, 19:56
You gotta write like this:
<style>
DIV{background-color:#000000;layer-background-color:#000000}
</style>
to make it cross-browser. I also suggest you make a class of all those similar divs:
<style>
.so{height: 16px;}
</style>
<div class="so" id="so1">CONTENT</div>
when i get a chance, i'll try the table method you suggested. that bring up another question though. if i get the div the size i want, using a table cell, how can i get a mouseover to change the bgcolor of the whole area, rather than jus the textarea in ns4?
//kies
lightning_html
24.06.2001, 04:56
<BLOCKQUOTE id=quote><font size=1 face="Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
how can i get a mouseover to change the bgcolor of the whole area, rather than jus the textarea in ns4?
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Arial, Helvetica" size=2 id=quote>
Well what i do to get that effect, is one of two things:-
Make two images, and use the rollover effect, but have the pictures behind them Divs.
Or, I would use onmouseover="this.bgColor='whatever'" for Netscape, and for IE, use:-
onmouseover="bgColor='whatever'"
Hope it helps
vBulletin® v3.6.7, Copyright ©2000-2009, Jelsoft Enterprises Ltd.