Jump to content

[SOLVED] DIV Class not working in Mozilla or Opera


DarkPrince2005

Recommended Posts

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]

Link to comment
Share on other sites

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]

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.