Need advice

[roksolana]

I create site with Dreamwever. I use some layers in my layout.The primary browser is IE and everything is ok there. But in Firefox those layers change their position. How can I prevent it?

[Defcon 5]

eaily solved don't look at it in firefox .

post the code so we can have a look.

[roksolana]

The code of whole page,Defcon5?

[Defcon 5]

yeah

[roksolana]

You will be scared 

[Defcon 5]

I'm scared , the problem is the navigator right?

[roksolana]

The problem is with this layer. It moves to right about 30-40px in Firefox browser.

<div id="Layer53"><font color="#FFFFFF"><a href="ladies_gallery.php" class="navigation">photo
        album</a></font><font color="#FFFFFF"><a href="about_page.htm" class="navigation"> about us</a></font><font color="#FFFFFF"><a href="about_page.htm#contact" class="navigation"> contact
    us</a></font><font color="#FFFFFF"><a href="happy_stories.htm" class="navigation"> happy stories</a></font><font color="#FFFFFF"><a href="#antiscam_page.html" class="navigation" onClick="MM_openBrWindow('antiscam_page.html','antiscam','scrollbars=yes,width=845,height=500')"> antiscam</a></font><font color="#FFFFFF"><a href="FAQ_page.htm" class="navigation" > FAQ</a></font><font color="#FFFFFF"><a href="http://roksolana-dating.com/livechat/index.php" class="navigation" > LiveChat</a></font></div>

and this layer moves 30px down after it comes with timeline

 <div id="Layer2" style="position:absolute; left:-183px; top:112px; width:484px; height:49px; z-index:1">
  <h1><font color="#990000" face="Times New Roman, Times, serif" size="+7"><b><font size="+5" class="headhome">Welcome
    to our Dating Agency!</font></b></font></h1>
</div>
 
What can you say about it?

[Defcon 5]

Lol whats wierd, i would of though its something around the hover in CSS but i can't see anything you will have to wait for someone else sorry .

take it you used a WYSIWYG editor then , theirs a lot of stuff you don't need in the code, would more than likely speed it up sorting it all out.

[roksolana]

Thanks,
I know I should clear code much. there is my first site and I am not skilled yet

[Darksat]

You could always use an IE/Firefox hack to knock the layer over using conditional statements.

[roksolana]

I don't familiar with it yet

[Darksat]

http://www.quirksmode.org/css/condcom.html

[roksolana]

I just look at it and need learn more.


 

[roksolana]

I have found a good statement for my problem with layers in FF!!!

[Darksat]

Sorry, where is my mind.
Firefox/Mozilla Child of Div hack

This is a rough example of how this hack works.

Code:

#leftMenu>#topVerticalMenu {margin-left:30px;} /* Firefox CSS hack */

This rule is saying: apply this style (margin-left:30px;) to any element that is inside the #topVerticalMenu ID if the #topVerticalMenu ID itself, is inside the #leftMenu ID.
This is a little confusing but don’t worry about it - all you need to know is that IE can’t understand this CSS rule so IE just ignores it. But since FireFox and Mozilla do understand it, the CSS is applied in those browsers.
In other words, the CSS rule: ‘margin-left:30px’ - will only have effect in FireFox and Mozilla, not in IE, because IE doesn’t understand it.
Another point about this CSS hack - CSS rules are applied by the browser from the top - down, so CSS rules that appear last in your stylesheet will be applied last, overriding previously stated rules. That’s why the ‘child of div’ hack has to be applied at the bottom of your CSS file.

I will do a quck CSS hack for your site when I get a chance if its to technical for you.