LinuxQuestions.org
Visit Jeremy's Blog.
Go Back   LinuxQuestions.org > Forums > Linux Forums > Linux - Newbie
User Name
Password
Linux - Newbie This Linux forum is for members that are new to Linux.
Just starting out and have a question? If it is not in the man pages or the how-to's this is the place!

Notices


Reply
  Search this Thread
Old 12-11-2010, 05:35 AM   #1
bizz80
LQ Newbie
 
Registered: Dec 2010
Posts: 4

Rep: Reputation: 0
ubuntu + firefox problem?


hi all, i've just install ubuntu last month. and i'm starting to get the hang of it.

i created my own web app for my office under windows environment, and when i switch to ubuntu, there no real problem viewing the web page. the web page appears just the way it was before.

just today, i install canon ip1700 printer driver and update firefox to version 3.6.13. i don't really know what happen, but since my web page doesn't appear the same as it was before. the layers that i used are not where it supposed to be.

i've tried re-installing firefox but the problem still occurs. but if i used other browser such as chromiun the web page are ok. i've also install firefox with the same version on windows machine, and there's no problem there.

i still can't find where's the problem. any ideas on fixing it?
 
Old 12-11-2010, 05:40 AM   #2
Snark1994
Senior Member
 
Registered: Sep 2010
Location: Wales, UK
Distribution: Arch
Posts: 1,632
Blog Entries: 3

Rep: Reputation: 346Reputation: 346Reputation: 346Reputation: 346
I would use a utility such as firebug - it allows you to see which bits of HTML correspond to which bits of the screen, and generally debug your website. You will at least be able to see what it thinks it should be doing...
 
Old 12-11-2010, 06:20 AM   #3
eSelix
Senior Member
 
Registered: Oct 2009
Location: Wroclaw, Poland
Distribution: Arch, Kubuntu
Posts: 1,254

Rep: Reputation: 314Reputation: 314Reputation: 314Reputation: 314
Some screenshots and text source of the page will be helpful.
 
Old 12-11-2010, 10:45 AM   #4
bizz80
LQ Newbie
 
Registered: Dec 2010
Posts: 4

Original Poster
Rep: Reputation: 0
Quote:
Originally Posted by eSelix View Post
Some screenshots and text source of the page will be helpful.
here's the code that i use

<tr>
<td align="right" bgcolor="#f8f8f8" onMouseOver="MM_showHideLayers('Layer20','','show')" onMouseOut="MM_showHideLayers('Layer20','','hide')"><a href="/siguntang/index.php">Laporan Bulanan>>></a>
<div id="Layer20" style="position:absolute; left:208px; top:580px; width:200px; z-index:1; visibility: hidden; overflow: hidden; background-color: #f4f4f4; layer-background-color: #f4f4f4; border: 1px none #000000;" onMouseOver="MM_showHideLayers('Layer20','','show')" onMouseOut="MM_showHideLayers('Layer20','','hide')">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td><a href="data_frame.php?submenu=40" target="I1">> Laporan Umum</a></td>
</tr>
<tr>
<td><a href="data_frame.php?submenu=41" target="I1">> Laporan Penjualan</a></td>
</tr>
<tr>
<td><a href="data_frame.php?submenu=42" target="I1">> Pembelian Bahan Bangunan</a></td>
</tr>
<tr>
<td><a href="data_frame.php?submenu=43" target="I1">> Hutang Bahan Bangunan</a></td>
</tr>
<tr>
<td><a href="data_frame.php?submenu=44" target="I1">> Pembelian Umum</a></td>
</tr>
<tr>
<td><a href="data_frame.php?submenu=45" target="I1">> Hutang Pembelian Umum</a></td>
</tr>
<tr>
<td><a href="data_frame.php?submenu=46" target="I1">> Upah Kerja</a></td>
</tr>
<tr>
<td><a href="data_frame.php?submenu=47" target="I1">> Piutang Penjualan</a></td>
</tr>
</table>
</div>
</td>
</tr>

and the pictures show's what happen with chromium and firefox browser
Attached Thumbnails
Click image for larger version

Name:	chromium.jpg
Views:	19
Size:	22.5 KB
ID:	5457   Click image for larger version

Name:	firefox.jpg
Views:	21
Size:	31.3 KB
ID:	5458  
 
Old 12-11-2010, 04:20 PM   #5
eSelix
Senior Member
 
Registered: Oct 2009
Location: Wroclaw, Poland
Distribution: Arch, Kubuntu
Posts: 1,254

Rep: Reputation: 314Reputation: 314Reputation: 314Reputation: 314
Can you explain in more details what is bad in Firefox? For me they look the same. Only submenu is showing higher.

Last edited by eSelix; 12-11-2010 at 04:23 PM.
 
Old 12-11-2010, 09:38 PM   #6
bizz80
LQ Newbie
 
Registered: Dec 2010
Posts: 4

Original Poster
Rep: Reputation: 0
that it. the sub menu it's showing higher than it's intended to be. the picture is an example. the sub menu is a hidden layer. when the mouse over the menu a hidden layer submenu appear. the problem is because it is not where its intended to be and some submenu only contain one link, makes it impossible to access the submenu. is there any way to set the position of the hidden layer for the sub menu to be at the same place on any browser? like i said before, the location of this layer are different on firefox on windows and firefox on ubuntu.
 
Old 12-12-2010, 02:38 PM   #7
eSelix
Senior Member
 
Registered: Oct 2009
Location: Wroclaw, Poland
Distribution: Arch, Kubuntu
Posts: 1,254

Rep: Reputation: 314Reputation: 314Reputation: 314Reputation: 314
Well, it should not to be positioned from top of the page, because every browser/OS can have other fonts installed, with different height or something. Anyway if you want some elements (submenu) to be related to other (main menu) then they must be positioned according to each other. Try this code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><body>

<style>
.Container
	{
	width: 600px;
	}

.Menu
	{
	position: relative;
	width: 300px;
	text-align: right;
	background-color: #f8f8f8;
	}

.Submenu
	{
	position: absolute;
	z-index:1;
	overflow: hidden;
	top: 0px;
	left: 300px;
	width: 300px;
	text-align: left;
	visibility: hidden;
	background-color: #f4f4f4;
	}

div.Menu:hover .Submenu, div.Submenu:hover
	{
	visibility: visible;
	}

.Submenu a
	{
	display: block;
	}
</style>
<br><br><br><br><br><br><br><br>

<div class='Container'>
<div class='Menu'><a href="/siguntang/index.php">Laporan Bulanan>>></a>
<div class='Submenu'>
<a href="data_frame.php?submenu=40" target="I1">> Laporan Umum</a>
<a href="data_frame.php?submenu=41" target="I1">> Laporan Penjualan</a>
<a href="data_frame.php?submenu=42" target="I1">> Pembelian Bahan Bangunan</a>
<a href="data_frame.php?submenu=43" target="I1">> Hutang Bahan Bangunan</a>
<a href="data_frame.php?submenu=44" target="I1">> Pembelian Umum</a>
<a href="data_frame.php?submenu=45" target="I1">> Hutang Pembelian Umum</a>
<a href="data_frame.php?submenu=46" target="I1">> Upah Kerja</a>
<a href="data_frame.php?submenu=47" target="I1">> Piutang Penjualan</a>
</div>
</div>

<div class='Menu'><a href="/siguntang/index.php">Test 2>>></a>
<div class='Submenu'>
<a href="data_frame.php?submenu=40" target="I1">> Laporan Umum</a>
<a href="data_frame.php?submenu=41" target="I1">> Laporan Penjualan</a>
<a href="data_frame.php?submenu=42" target="I1">> Pembelian Bahan Bangunan</a>
<a href="data_frame.php?submenu=43" target="I1">> Hutang Bahan Bangunan</a>
<a href="data_frame.php?submenu=44" target="I1">> Pembelian Umum</a>
<a href="data_frame.php?submenu=45" target="I1">> Hutang Pembelian Umum</a>
<a href="data_frame.php?submenu=46" target="I1">> Upah Kerja</a>
<a href="data_frame.php?submenu=47" target="I1">> Piutang Penjualan</a>
</div>
</div>

<div class='Menu'><a href="/siguntang/index.php">Laporan Bulanan as test 3>>></a>
<div class='Submenu'>
<a href="data_frame.php?submenu=40" target="I1">> Laporan Umum</a>
<a href="data_frame.php?submenu=41" target="I1">> Laporan Penjualan</a>
<a href="data_frame.php?submenu=42" target="I1">> Pembelian Bahan Bangunan</a>
<a href="data_frame.php?submenu=43" target="I1">> Hutang Bahan Bangunan</a>
<a href="data_frame.php?submenu=44" target="I1">> Pembelian Umum</a>
<a href="data_frame.php?submenu=45" target="I1">> Hutang Pembelian Umum</a>
<a href="data_frame.php?submenu=46" target="I1">> Upah Kerja</a>
<a href="data_frame.php?submenu=47" target="I1">> Piutang Penjualan</a>
</div>
</div>

</div>



</body></html>
I give away a tables, because it is too hard to me to stylish them, I recommend you to use <div> or better <ul> <li> You can also resign from using Javascript to make hover effect and use css to this task. Some people, like me, disables JS for security/privacy reason. But it will not work in IE6, due to bug. Anyway the important is "position: absolute" in Submenu and "position: relative" in Menu. This way Submenu will be always relativly positioned to Menu. But it need "absolute" because it must not affect other elements.

Last edited by eSelix; 12-12-2010 at 02:46 PM.
 
Old 12-13-2010, 05:26 PM   #8
bizz80
LQ Newbie
 
Registered: Dec 2010
Posts: 4

Original Poster
Rep: Reputation: 0
thx for the advice eSelix. i'll try it.
 
  


Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off



Similar Threads
Thread Thread Starter Forum Replies Last Post
Ubuntu Jaunty User with firefox 3.5.2: get old firefox updates to stop? Captain Obvious Linux - Software 2 04-14-2010 02:09 PM
[SOLVED] Youtube video problem, on Ubuntu Linux using Firefox. prochatz Linux - Software 16 10-29-2009 01:28 AM
Firefox Profile Problem on Ubuntu irvken Ubuntu 3 02-21-2009 07:49 PM
Firefox dynamic content problems, and how to uninstall Firefox in Ubuntu rose_bud4201 Linux - Software 1 11-05-2007 10:38 PM
Problem with sound firefox in ubuntu 6.10 (Flash(Youtube)) javierfut Linux - General 2 12-15-2006 09:19 AM

LinuxQuestions.org > Forums > Linux Forums > Linux - Newbie

All times are GMT -5. The time now is 10:54 PM.

Main Menu
Advertisement
My LQ
Write for LQ
LinuxQuestions.org is looking for people interested in writing Editorials, Articles, Reviews, and more. If you'd like to contribute content, let us know.
Main Menu
Syndicate
RSS1  Latest Threads
RSS1  LQ News
Twitter: @linuxquestions
Facebook: linuxquestions Google+: linuxquestions
Open Source Consulting | Domain Registration