DarkPrince2005 Posted January 7, 2008 Share Posted January 7, 2008 Hi guys can somebody help me please... I've got a website: http://www.geekforce.co.za it works the way it is suppose to in IE, but changes completely when viewed in Mozilla or Opera... mainly the div class CSS code .scrollable { width: 100%; height: 100%; overflow: auto; background-repeat:no-repeat; background:"glogo.gif"; } td{background-repeat:no-repeat; font-size:"14pt"; } h2{ font-family:"Wide Latin"; } body{scrollbar-face-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #000000; } p{font-size:"12pt"; } Services page: <html> <head> <title>GeekForce Services</title> <meta name="Keywords" content="computer support,geek,computer support task force,IT,Internet connection,PC,Notebook,Web design,it support,technology,computer repair,server installation,server maintenance,server support,home support,office support,home office support,network security,network,networking,backup,back-up,web design,threat risk analysis,network design,network installation,network support,wireless network installation,wireless network support,it outsourcing,virus protection,spyware removal,virus removal,spyware protection,custom it solutions,backup solutions,back-up solutions,adsl,iburst,sentech,3g,hsdpa,web page design,web page content,web page structure,graphic design,multimedia design,application design,intranet design,internet marketing,web hosting"> <link rel="stylesheet" href="stylesheet.css" type="text/css"> </head> <body background="back2.gif" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0"><center> <table border="0" cellpadding="0" cellspacing="0" height="100%"> <tr height="40"><td> </td></tr> <tr><td><table width="900" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="125" valign="bottom" colspan="3" background="top.gif" align="right"> </td> </tr> <tr bgcolor="#ffffff"> <td valign="top" background="nav.gif" width="179" align="center"><a href="home.html" border="0" ><img src="buttonhome.gif" border="0" height="22" width="130" class="domroll buttonhome2.gif"></a><br><br> <a href="profile.html"><img src="buttonprofile.gif" border="0" height="22" width="130" class="domroll buttonprofile2.gif"></a><br><br> <a href="services.html"><img src="buttonservices.gif" border="0" height="22" width="130" class="domroll buttonservices2.gif"></a><br><br> <a href="contact.html" border="0"><img src="buttoncontact.gif" border="0" height="22" width="130" class="domroll buttoncontact2.gif"></a><br><br> <a href="become.html" border="0"><img src="buttonbecome.gif" border="0" height="22" width="130" class="domroll buttonbecome2.gif"></a><br><br> <a href="terms.html" border="0"><img src="buttonterms.gif" border="0" height="22" width="130" class="domroll buttonterms2.gif"></a></td> <td align="center" valign="top"><div class="scrollable"> <table width="500"> <tr> <td><br> <h2><font color="#3C00FF">Services</font></h2> <font color="#3C00FF"><b>On Site Support</b></font> <font color="#FF6600"><ul><li>Server Installation, Maintenance & Support</li> <li>Home & Home Office Support & Service</li> <li>Complete Needs Assessments</li> <li>Network Security & Threat Risk Analysis</li> <li>Network Design, Installation & Support</li> <li>Wireless Network Installation & Support</li> <li>IT Department Outsourcing</li> <li>New Computer Systems & Notebooks</li> <li>Refurbished Computer Systems & Notebooks</li> <li>Software Installation, Setup & Configuration</li> <li>Service & Maintenance Contracts</li> <li>Virus & Spy-ware removal & protection</li> <li>Custom built IT solutions to suit your needs</li> <li>Back-Up Solutions</li> </ul> <font color="#3C00FF"><b>Internet Access</b></font> <ul><li><font color="#3C00FF">ADSL: </font><font color="#FF6600">A dedicated fixed broadband digital connection that keeps you permanently on the internet.</font></li> <li><font color="#3C00FF">iBurst: </font><font color="#FF6600">A Wireless Broadband Connection that makes use of base stations to connect you to the internet. With base stations all over the country iBurst draws its ability to give you continued high-speed internet access.</font></li> <li><font color="#3C00FF">Sentech: </font><font color="#FF6600">A Wireless Broadband network business accommodating narrowband functionality.</font></li> <li><font color="#3C00FF">3G/HSDPA: </font><font color="#FF6600">A Portable Wireless Broadband Connection that utilises the Cell phone network to connect you to the internet. Download, recieve and send e-mail from anywhere within the Cell phone networks range.</font></li> </ul> <font color="#3C00FF"><b>Web Page Design</b></font> <font color="#FF6600"><ul><li>Web Page Design, Content and Structure</li> <li>Graphic Design</li> <li>Multi Media Design</li> <li>Applocation Design</li> <li>Intranet Design</li> <li>Internet Marketing</li> <li>E-Mail Database and Distributing</li> </ul> <font color="#3C00FF"><b>Web Hosting</b></font> <font color="#FF6600"><ul><li>We have a reliable and robust Web Hosting facility offering Windows and Linux based Web Hosting.</li> <li>We have one of the fastest and most secure internet connections in the country which provides us with Tier 1 hosting solutions.</li> </ul> </td></tr></table></div></td> <td valign="bottom"><br><br><img src="geek.gif" align="right" valign="bottom" border="0"></td> </tr><tr> <td background="bottom.gif" colspan="3" height="30"> </td> </tr> </table></td></tr> <tr height="40"><td> </td></tr></table> code] Quote Link to comment https://forums.phpfreaks.com/topic/84927-solved-div-class-not-working-in-mozilla-or-opera/ Share on other sites More sharing options...
phpQuestioner Posted January 7, 2008 Share Posted January 7, 2008 it works the way it is suppose to in IE, but changes completely when viewed in Mozilla or Opera... mainly the div class be more specific; what changed completely about the div? Quote Link to comment https://forums.phpfreaks.com/topic/84927-solved-div-class-not-working-in-mozilla-or-opera/#findComment-433119 Share on other sites More sharing options...
DarkPrince2005 Posted January 8, 2008 Author Share Posted January 8, 2008 In IE it creates a box that can scroll, in Mozilla it just enlarges the page to fit all the text asif it is ignoring the div, and opera doesnt show the text at all Quote Link to comment https://forums.phpfreaks.com/topic/84927-solved-div-class-not-working-in-mozilla-or-opera/#findComment-433165 Share on other sites More sharing options...
phpQuestioner Posted January 8, 2008 Share Posted January 8, 2008 post your code Quote Link to comment https://forums.phpfreaks.com/topic/84927-solved-div-class-not-working-in-mozilla-or-opera/#findComment-433248 Share on other sites More sharing options...
DarkPrince2005 Posted January 8, 2008 Author Share Posted January 8, 2008 CSS code .scrollable { width: 100%; height: 100%; overflow: auto; background-repeat:no-repeat; background:"glogo.gif"; } td{background-repeat:no-repeat; font-size:"14pt"; } h2{ font-family:"Wide Latin"; } body{scrollbar-face-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #000000; } p{font-size:"12pt"; } Services page: <html> <head> <title>GeekForce Services</title> <meta name="Keywords" content="computer support,geek,computer support task force,IT,Internet connection,PC,Notebook,Web design,it support,technology,computer repair,server installation,server maintenance,server support,home support,office support,home office support,network security,network,networking,backup,back-up,web design,threat risk analysis,network design,network installation,network support,wireless network installation,wireless network support,it outsourcing,virus protection,spyware removal,virus removal,spyware protection,custom it solutions,backup solutions,back-up solutions,adsl,iburst,sentech,3g,hsdpa,web page design,web page content,web page structure,graphic design,multimedia design,application design,intranet design,internet marketing,web hosting"> <link rel="stylesheet" href="stylesheet.css" type="text/css"> </head> <body background="back2.gif" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0"><center> <table border="0" cellpadding="0" cellspacing="0" height="100%"> <tr height="40"><td> </td></tr> <tr><td><table width="900" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="125" valign="bottom" colspan="3" background="top.gif" align="right"> </td> </tr> <tr bgcolor="#ffffff"> <td valign="top" background="nav.gif" width="179" align="center"><a href="home.html" border="0" ><img src="buttonhome.gif" border="0" height="22" width="130" class="domroll buttonhome2.gif"></a><br><br> <a href="profile.html"><img src="buttonprofile.gif" border="0" height="22" width="130" class="domroll buttonprofile2.gif"></a><br><br> <a href="services.html"><img src="buttonservices.gif" border="0" height="22" width="130" class="domroll buttonservices2.gif"></a><br><br> <a href="contact.html" border="0"><img src="buttoncontact.gif" border="0" height="22" width="130" class="domroll buttoncontact2.gif"></a><br><br> <a href="become.html" border="0"><img src="buttonbecome.gif" border="0" height="22" width="130" class="domroll buttonbecome2.gif"></a><br><br> <a href="terms.html" border="0"><img src="buttonterms.gif" border="0" height="22" width="130" class="domroll buttonterms2.gif"></a></td> <td align="center" valign="top"><div class="scrollable"> <table width="500"> <tr> <td><br> <h2><font color="#3C00FF">Services</font></h2> <font color="#3C00FF"><b>On Site Support</b></font> <font color="#FF6600"><ul><li>Server Installation, Maintenance & Support</li> <li>Home & Home Office Support & Service</li> <li>Complete Needs Assessments</li> <li>Network Security & Threat Risk Analysis</li> <li>Network Design, Installation & Support</li> <li>Wireless Network Installation & Support</li> <li>IT Department Outsourcing</li> <li>New Computer Systems & Notebooks</li> <li>Refurbished Computer Systems & Notebooks</li> <li>Software Installation, Setup & Configuration</li> <li>Service & Maintenance Contracts</li> <li>Virus & Spy-ware removal & protection</li> <li>Custom built IT solutions to suit your needs</li> <li>Back-Up Solutions</li> </ul> <font color="#3C00FF"><b>Internet Access</b></font> <ul><li><font color="#3C00FF">ADSL: </font><font color="#FF6600">A dedicated fixed broadband digital connection that keeps you permanently on the internet.</font></li> <li><font color="#3C00FF">iBurst: </font><font color="#FF6600">A Wireless Broadband Connection that makes use of base stations to connect you to the internet. With base stations all over the country iBurst draws its ability to give you continued high-speed internet access.</font></li> <li><font color="#3C00FF">Sentech: </font><font color="#FF6600">A Wireless Broadband network business accommodating narrowband functionality.</font></li> <li><font color="#3C00FF">3G/HSDPA: </font><font color="#FF6600">A Portable Wireless Broadband Connection that utilises the Cell phone network to connect you to the internet. Download, recieve and send e-mail from anywhere within the Cell phone networks range.</font></li> </ul> <font color="#3C00FF"><b>Web Page Design</b></font> <font color="#FF6600"><ul><li>Web Page Design, Content and Structure</li> <li>Graphic Design</li> <li>Multi Media Design</li> <li>Applocation Design</li> <li>Intranet Design</li> <li>Internet Marketing</li> <li>E-Mail Database and Distributing</li> </ul> <font color="#3C00FF"><b>Web Hosting</b></font> <font color="#FF6600"><ul><li>We have a reliable and robust Web Hosting facility offering Windows and Linux based Web Hosting.</li> <li>We have one of the fastest and most secure internet connections in the country which provides us with Tier 1 hosting solutions.</li> </ul> </td></tr></table></div></td> <td valign="bottom"><br><br><img src="geek.gif" align="right" valign="bottom" border="0"></td> </tr><tr> <td background="bottom.gif" colspan="3" height="30"> </td> </tr> </table></td></tr> <tr height="40"><td> </td></tr></table> [code] [/code] Quote Link to comment https://forums.phpfreaks.com/topic/84927-solved-div-class-not-working-in-mozilla-or-opera/#findComment-433414 Share on other sites More sharing options...
phpQuestioner Posted January 8, 2008 Share Posted January 8, 2008 you will have to give your "scrollable" class a specific height. your table height is set to 100% and so is your "scrollable" class; that means that it is going to display all the content that you put in the div and it will not scroll. the only way to make a div scroll (when content goes past a cretin point) is to either have the div itself set to a specific height or have what ever element that surrounds it set to a cretin height. Quote Link to comment https://forums.phpfreaks.com/topic/84927-solved-div-class-not-working-in-mozilla-or-opera/#findComment-433995 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.