Hello, I've tried everything I can think of and everything I've found online and still have not had a solution. I'm in the processing of re-writing my website and have a problem where my logo files are shifting down in Firefox by about 120px but displays perfectly in IE. Someone please take a look and help!
I can't figure out why it's happening. The site can be viewed at
https://thinkpawsitivedogsnacks.com/tempindex.html
Any assistance you can offer would be great! And, yes, I've got my style tags in the <head> section right now but will be moving them to a single stylesheet once I've got it all worked out.
Sean Marlow
Registered User
6 posts
Janys Hyde
Ambassador
6,076 posts
I think this line in your css may be the culprit...
Try changing this "margin-top" reference in the menu to 0px. It may also then be necessary to detract 100 px from the other margin-top references in that code.
.menu{margin-left: 400px; margin-top: 100px;}
Try changing this "margin-top" reference in the menu to 0px. It may also then be necessary to detract 100 px from the other margin-top references in that code.
Sean Marlow
Registered User
6 posts
Thanks for the suggestion. I tried what you suggested and it still did not work. Worse yet, without the margin parameter the dhtml menu now overlaps the name part of my logo in IE. I'm confused because the age positioning of my logo files is in a different <div> tag than the dhtml menu (which is where the margin parameter exists). Any other ideas anyone?
david wilson
Ambassador
1,707 posts
Here are some suggestions:
http://i130.photobucket.com/albums/p248/pug2775/coffeecup/coffee_31.jpg
the z-index, will raise up your menu above the other elements so they can slide around under, and then you can adjust the margins
http://i130.photobucket.com/albums/p248/pug2775/coffeecup/coffee_31.jpg
the z-index, will raise up your menu above the other elements so they can slide around under, and then you can adjust the margins
Volunteering to help
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
sstovert@satx.rr.com
Guest
5,410 posts
You have a Character Encoding mismatch.
Why are you using
instead of
Go here and validate your code
http://validator.w3.org/
Why are you using
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
instead of
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
Go here and validate your code
http://validator.w3.org/
CoffeeCup... Yeah, they are the best!
Sean Marlow
Registered User
6 posts
Hey all, thank you for all the suggestions. I am definitely an amateur so I appreciate the patience. I've made all suggested changes and still no luck. I've uploaded a new copy of the page. It can be found at:
www.thinkpawsitivedogsnacks.com/tempindex.html
Viewed in IE it looks perfect. Viewed in FF, the logo images are still in the same position. Any other ideas???
www.thinkpawsitivedogsnacks.com/tempindex.html
Viewed in IE it looks perfect. Viewed in FF, the logo images are still in the same position. Any other ideas???
sstovert@satx.rr.com
Guest
5,410 posts
The page looks exactly the same for me using the latest versions of IE and FF. They both overlap. No difference at all.
CoffeeCup... Yeah, they are the best!
Viv ...VSD & SCCP user
Registered User
2,156 posts
Sean from one amateur to another, try doing it with VSD, if it works and you still prefer to use html editor, you can re open in the html editor and carry on
personaly the html editor is a total mystery to me, i do my sites with VSD
PS dont try viewing my site in signature, its down at present
personaly the html editor is a total mystery to me, i do my sites with VSD
PS dont try viewing my site in signature, its down at present
Started using CC VSD in January 2009, I don't do HTML code, Sales from CC site exceeding expectations taken me out of semi-retirement
Hosted FREE on CC S DRIVE www.chauffeurdrivenluxurycars.co.uk
My new VSD & SCCP site Oct 2011 www.deloreanjewellery.co.uk
My friendly window cleaner www.mwcwindowcleaner.co.uk
Hosted FREE on CC S DRIVE www.chauffeurdrivenluxurycars.co.uk
My new VSD & SCCP site Oct 2011 www.deloreanjewellery.co.uk
My friendly window cleaner www.mwcwindowcleaner.co.uk
david wilson
Ambassador
1,707 posts
please see my comments in the code, it looks like you have 7 or so div's open but not closed plus a couple of unordered list items left open.
we need clean, code that will validate or any margin adjustments will react unpredictably
don't worry about being new at this, these things are why we are here
we need clean, code that will validate or any margin adjustments will react unpredictably
don't worry about being new at this, these things are why we are here
<body>
<div> <!-- 1 div open -->
<div class="wrapper"> <!-- 2 div open -->
<div> <!-- 3 div open -->
<div class="dog"><!-- 4 div open --><img src="images/doglogo.bmp" height="280" width="280" border="0"/></div>
<div> <!-- 4 div open -->
<div class="name"><!-- 5 div open --><img src="images/namelogo.bmp" height=70 width="660" border="0"/></div>
<div><!-- 6 div open -->
<div class="menu"><!-- 7 div open -->
</a><!-- 1 anchor closed but none opened before -->
<ul class="topmenu-menu">
<li class="first" value="0"><a href="http:///">Store</a>
<ul>
<li class="first" value="0"><a href="http:///">Bakery</a> </li>
<li value="0"><a href="http:///">Gifts</a> </li>
<li value="0"><a href="http:///">Catering</a> </li>
</ul>
</li>
<!-- missing close ul tag here -->
<!-- missing open ul tag here -->
<li value="0"><a href="http:///">About Us</a>
<ul>
<li class="first" value="0"><a href="http:///">History</a> </li>
<li value="0"><a href="http:///">Socially Responsible</a> </li>
<li value="0"><a href="http:///">News & Events</a> </li>
<li value="0"><a href="http:///">Rave Reviews</a> </li>
</ul>
</li>
<!-- missing open ul tag here -->
<li value="0"><a href="http:///">Contact Us</a> </li>
<li value="0"><a href="http:///">Wholesale Inquiries</a> </li>
</ul>
</a><!-- close anchor tag, but non opened previous -->
</div><!-- menu div closed -->
<div><!-- 7 div open -->
<div class="addany"><!-- 8 div open --><!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://www.addtoany.com/share_save?linkurl=www.thinkpawsitivedogsnacks.com&linkname=Think%20Pawsitive%20Dog%20Snacks"><img src="http://static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share"/></a>
<script type="text/javascript">
var a2a_config = a2a_config || {};
a2a_config.linkname = "Think Pawsitive Dog Snacks";
a2a_config.linkurl = "www.thinkpawsitivedogsnacks.com";
a2a_config.num_services = 8;
a2a_config.color_main = "D7E5ED";
a2a_config.color_border = "AECADB";
a2a_config.color_link_text = "333333";
a2a_config.color_link_text_hover = "333333";
</script>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->
</div><!-- 7 div open -->
</div><!-- 6 div open -->
</body>
<div> <!-- 1 div open -->
<div class="wrapper"> <!-- 2 div open -->
<div> <!-- 3 div open -->
<div class="dog"><!-- 4 div open --><img src="images/doglogo.bmp" height="280" width="280" border="0"/></div>
<div> <!-- 4 div open -->
<div class="name"><!-- 5 div open --><img src="images/namelogo.bmp" height=70 width="660" border="0"/></div>
<div><!-- 6 div open -->
<div class="menu"><!-- 7 div open -->
</a><!-- 1 anchor closed but none opened before -->
<ul class="topmenu-menu">
<li class="first" value="0"><a href="http:///">Store</a>
<ul>
<li class="first" value="0"><a href="http:///">Bakery</a> </li>
<li value="0"><a href="http:///">Gifts</a> </li>
<li value="0"><a href="http:///">Catering</a> </li>
</ul>
</li>
<!-- missing close ul tag here -->
<!-- missing open ul tag here -->
<li value="0"><a href="http:///">About Us</a>
<ul>
<li class="first" value="0"><a href="http:///">History</a> </li>
<li value="0"><a href="http:///">Socially Responsible</a> </li>
<li value="0"><a href="http:///">News & Events</a> </li>
<li value="0"><a href="http:///">Rave Reviews</a> </li>
</ul>
</li>
<!-- missing open ul tag here -->
<li value="0"><a href="http:///">Contact Us</a> </li>
<li value="0"><a href="http:///">Wholesale Inquiries</a> </li>
</ul>
</a><!-- close anchor tag, but non opened previous -->
</div><!-- menu div closed -->
<div><!-- 7 div open -->
<div class="addany"><!-- 8 div open --><!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://www.addtoany.com/share_save?linkurl=www.thinkpawsitivedogsnacks.com&linkname=Think%20Pawsitive%20Dog%20Snacks"><img src="http://static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share"/></a>
<script type="text/javascript">
var a2a_config = a2a_config || {};
a2a_config.linkname = "Think Pawsitive Dog Snacks";
a2a_config.linkurl = "www.thinkpawsitivedogsnacks.com";
a2a_config.num_services = 8;
a2a_config.color_main = "D7E5ED";
a2a_config.color_border = "AECADB";
a2a_config.color_link_text = "333333";
a2a_config.color_link_text_hover = "333333";
</script>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->
</div><!-- 7 div open -->
</div><!-- 6 div open -->
</body>
Volunteering to help
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
sstovert@satx.rr.com
Guest
5,410 posts
don't worry about being new at this, these things are why we are here
Yes, CoffeeCup users helping other CoffeeCup users for FREE.
CoffeeCup... Yeah, they are the best!
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
