homepage Welcome to WebmasterWorld Guest from 54.196.69.189
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld
Visit PubCon.com
Home / Forums Index / Browsers / Firefox Browser Usage and Support
Forum Library, Charter, Moderators: incrediBILL

Firefox Browser Usage and Support Forum

    
Banner Align Problem and SWF Not Displaying in FF
mehdi




msg:3890498
 11:29 am on Apr 11, 2009 (gmt 0)

First of all the site does not validate because of the contact form and paypal link. The pages display fine in IE7 but not in Firefox.

The relevant code :


<object type="application/x-shockwave-flash" data="Images/globe.swf" width="230" height="167">
<param name="movie" value="Images/globe.swf" />
<img src="Images/globe.swf" width="230" height="167" alt="banner" />
</object>

<div
style="
top: 50px;
left: 320px;
position: absolute;
z-index: 1;
visibility: show;">
<a href="http://example.com">
<map name="FPMap0" id="FPMap0">
<area alt="Gallery" shape="rect" coords="408, 87, 472, 116" href="Gallery.html" />
<area alt="Services" shape="rect" coords="172, 87, 247, 117" href="Services.html" />
<area alt="Make A Payment" shape="rect" coords="259, 87, 393, 117" href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=A1B2C3D4E5F6&lc=GB&button_subtype=services&currency_code=GBP&bn=PP%2dBuyNowBF%3abtn_paynow_SM%2egif%3aNonHosted" />
<area alt="Request A Quote" shape="rect" coords="26, 87, 159, 118" href="Request_Quote.html" />
<area alt="example.com" shape="rect" coords="4, 6, 575, 79" href="http://example.com" />
<area alt="e-mail" shape="rect" coords="487, 87, 546, 116" href="mailto:enquiries@example.com" />

</map>
<img alt="Logo description" src="Images/Logo_1.jpg" width="580" height="120" longdesc="Logo long description" usemap="#FPMap0" />
</a>
</div>

And the stylesheet :


* {
margin: 0;
padding: 0;
}

ul {
list-style: inside;
}

body {
background-color: #008001;
color: #000000;
font-family: font-family: Tahoma, Helvetica, Lucida Sans, Trebuchet, sans-serif, Geneva, Arial, ;
font-size: 17px;
line-height: 19px;
}

a {
color: #000000;
}

p {
margin-bottom: 8px;
}

img {
border: 0px;
}

#center{
margin-top:10px;
margin-left:35px;
height:20px;
}

#center2{
margin-top:10px;
margin-left:70px;
height:20px;
}

#center3{
margin-top:10px;
margin-left:120px;
height:20px;
}

#container {
overflow:hidden;
background-color: #ffffff;
width: 800px;
padding: 30px;
margin: 10px auto 10px auto;
border: 1px solid #999999;
}

#header {
margin-top: 30px;
margin-bottom: 24px;
}

#header a {
margin-right: 25px;
color: #2b2b2b;
text-decoration: none;
position: relative; top: -9px; left: 8px;
}

#header a:hover {
text-decoration: underline;
}

#content {
margin-left: 30px;
width: 800px;
}

#links {
margin-left: 100px;
word-spacing: 90px;
font-size: 13px;
}

#footer {
clear:both;
border-top:1px solid;
color: #626262;
padding-top: 20px;
margin-bottom: -20px;
}

#footer p {
font-size: 12px;
width: 800px;
}

#line {
clear:both;
border-top:1px solid;
color: #000;
padding-top: 20px;
margin-bottom: -20px;
}

[edited by: tedster at 6:47 pm (utc) on April 11, 2009]
[edit reason] make details generic, use example.com [/edit]

 

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Browsers / Firefox Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved