[SOLVED] DIV Class not working in Mozilla or Opera

DarkPrince2005 · 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]

phpQuestioner · 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?

DarkPrince2005 · 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

phpQuestioner · January 8, 2008

post your code

DarkPrince2005 · 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]

phpQuestioner · 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.

Sign In

[SOLVED] DIV Class not working in Mozilla or Opera

Recommended Posts

DarkPrince2005

Link to comment

Share on other sites

phpQuestioner

Link to comment

Share on other sites

DarkPrince2005

Link to comment

Share on other sites

phpQuestioner

Link to comment

Share on other sites

DarkPrince2005

Link to comment

Share on other sites

phpQuestioner

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information