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

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
WebmasterWorld ® and PubCon ® are a Registered Trademarks of Pubcon Inc.
© Pubcon Inc. 1996-2012 all rights reserved