PDA

View Full Version : Problem with menu in Chrome and IE ...



shamilsons
Mar 1st, 2010, 11:22 AM
Hello everyone,
I use leatest version of chrome, firefox and IE 8.0
I have two problems with menu. I have explained them below as well as you can see them from http://www.yabancidildestek.com/
1. My div tag is being positioned well in firefox but moves left on chrome. For instance make a mouse over Dil Sınavlarına Hazırlık link.
2. When ever mouse moves over the link ‹niversite Hazırlık the color changes BUT when ever it moves over Dil Sınavlarına Hazırlık the color does not change.
Code fpr td and div is given below
Code:


....
<td id="tddilsinavi" class="mlink" style="cursor: pointer;" onclick="window.location='#'" onmouseover="javascript:goster('dilsinavi'); this.style.backgroundColor='#4F99C1';" onmouseout="javascript:gizle('dilsinavi');this.style.backgroundColor='#66C6F9';" align="right" height="28"><span class="title">Dil Sınavlarına Hazırlık</span>&nbsp;&nbsp;</td>
...
...
<div id="dilsinavi" style="position: absolute; left:371px; top: 158px; width: 170px; height: 190px; visibility: hidden; z-index: 0; opacity: 0.9" onmouseover="javascript:goster('dilsinavi'); document.getElementById('tddilsinavi').style.backgroundColor='#4F99C1';" onmouseout="javascript:gizle('dilsinavi'); document.getElementById('tddilsinavi').style.backgroundColor='#66C6F9';">
<table cellpadding="0" cellspacing="0" height="178">
<tbody>
<tr>
<td>
<table bgcolor="#1476A7" border="0" cellpadding="4" cellspacing="6" height="100%">
<tbody>
<tr>
<td class="header" valign="top" width="372">
<span>
<img src="images/play.png" width="15" height="15">&nbsp;<a href="#" class="header">TOEFL</a><br>
<img src="images/play.png" width="15" height="15">&nbsp;<a href="#" class="header">IELTS</a><br>
<img src="images/play.png" width="15" height="15">&nbsp;<a href="#" class="header">TOFEIC</a><br>
<img src="images/play.png" width="15" height="15">&nbsp;<a href="#" class="header">FCE</a><br>
<img src="images/play.png" width="15" height="15">&nbsp;<a href="#" class="header">ELAE</a><br>
<img src="images/play.png" width="15" height="15">&nbsp;<a href="#" class="header">‹DS</a><br>
<img src="images/play.png" width="15" height="15">&nbsp;<a href="#" class="header">YDS</a><br>
<img src="images/play.png" width="15" height="15">&nbsp;<a href="#" class="header">KPDS</a><br>
<img src="images/play.png" width="15" height="15">&nbsp;<a href="#" class="header">PROFICIENCY</a><br>
</span>
</td>
</tr>
</tbody>
</table>
</td>
</tbody>
</table>
</div>

Could you help with this problems ?.

thank you

skywalker2208
Mar 1st, 2010, 07:25 PM
1. My div tag is being positioned well in firefox but moves left on chrome. For instance make a mouse over Dil Sınavlarına Hazırlık link.
Mouse over pop up shows to the left for me on firefox so maybe firefox has cached an older verision.


2. When ever mouse moves over the link ‹niversite Hazırlık the color changes BUT when ever it moves over Dil Sınavlarına Hazırlık the color does not change.

Probably doesn't work because of the javascript errors. It says this javascript error "jQuery is not defined if(!jQuery.browser.msie) { ". I would look into that issue first. It is probably preventing from any other code from running like changing the color. To me in looks like you don't have the jquery library being loaded unless you are calling the file something else.




Comments in blue above.

met
Mar 1st, 2010, 09:14 PM
<script type="text/javascript" src="script.js"></script>

this 404s when you try and access it, so script.js is missing, that's one of your problems, assuming it contains js required for the site to operate normally.

abduraooft
Mar 2nd, 2010, 09:10 AM
Could you help with this problems ?. Don't you know why using tables for layout is very bad (http://www.hotdesign.com/seybold/)?

shamilsons
Mar 25th, 2010, 09:14 AM
Thanks guys for your replies.
I have not solved the problem with divs. But I think it is because of using table layouts for my design. And most probably I have to figure out the way to design my website with divs.

abduraooft
Mar 25th, 2010, 09:42 AM
And most probably I have to figure out the way to design my website with divs. Your move to drop tables used for layout is nice, but you shouldn't end up in divits (http://csscreator.com/divitis) anyway!

Here's a lit of links, which would help you to learn proper html

http://boagworld.com/technology/semantic-code-what-why-how
http://www.csszengarden.com/
http://htmldog.com/

shamilsons
Mar 25th, 2010, 01:29 PM
Your move to drop tables used for layout is nice, but you shouldn't end up in divits (http://csscreator.com/divitis) anyway!

Here's a lit of links, which would help you to learn proper html

http://boagworld.com/technology/semantic-code-what-why-how
http://www.csszengarden.com/
http://htmldog.com/


abduraooft thanks for reply and valuable links.

1. The one think that I cannot understand why different browsers renders the same webpage differently. Of course they have different technologies but should not they understand and display data in the same way.
2. If you know where can I find an information regarding implementation of different browsers, I mean for example for development code for chrome include this line and for IE this one etc.,

abduraooft
Mar 25th, 2010, 01:51 PM
2. If you know where can I find an information regarding implementation of different browsers, I mean for example for development code for chrome include this line and for IE this one etc., Normally, if your markup is fairly decent(according to the links in my last post) and it doesn't contain any errors (http://validator.w3.org/docs/help.html#validation_basics) in it, then all standard browsers will render them in uniform way. The major culprit would be the versions of IE. Some of its bugs are listed at http://www.positioniseverything.net/explorer.html. You don't have to read them all at once. Just start with developing a browser like Firefox and add hacks for IE, when required.

With that said, take a look at http://bonrouge.com/2c-hf-fluid.php, to see how to make a good 2 column layout.