Gap in Firefox

What is causing the gap between the header and the sidebar1
and maincontent and the footer on the below site? It only appears
in Firefox. I have this gap in every site I do using the Adobe
Templates.
www.mcgahanranch.com

Hello,
It has nothing to do with the Adobe Template.
You added an H1 tag for "Welcome to McGahan Ranch" but didn't
define a
margin for the H1 tag in your CSS.
Different browsers use different default margins on certain
tags such as
<p>, <h1>, <form>, <ul>, <li>
etc.
FF uses different default margin for the H1 than IE does.
You can add this to your CSS to see the change:
h1 {margin:0px;}
Sorry, don't have time at the moment to look at the footer,
but more things
change if you add:
p {margin:0px;}
Take care,
Tim
"cheryljames" <[email protected]> wrote in
message
news:fs1ifd$e17$[email protected]..
> What is causing the gap between the header and the
sidebar1 and
> maincontent and
> the footer on the below site? It only appears in
Firefox. I have this gap
> in
> every site I do using the Adobe Templates.
>
> www.mcgahanranch.com
>
>
>
>

Similar Messages

Gaps in firefox preview

I am at the beginning of creating a site (nothing live yet, sorry for not being able to link anything). For some reason as soon as I enter any content (text or image) and preview it in Firefox, the layout gets gaps in it. The first screenshot is from Chrome (IE and Safari look the same). The second is from Firefox.
I know its a shot in the dark on what to do here without being able to look at it live, but I am hoping someone might be able to point me in the right direction. So that you know exactly what my process has been so far. I exported html and images from PS, then opened the file in DW. From there I wrapped the whole image image in a Div Tag and centered it and added a background image. I then deleted the two images you see where I can enter content now. I then inserted a Div Tag for each with a new CSS rule. The only css I changes I made at that point were to the box size to make it match the image size I deleted, and changing the BG color to match. It previews fine in Firefox until I add content, once I do that I get the gaps. Even with content It looks okay in IE, Chrome and Safari.
Thanks in advance for any ideas on this.

Its funny, everything you said makes perfect sense to me. It was mostly for those reasons that the last time I did a site it was done entirley in Flash. AS is much more intuitive to many of us print types, not to mention that we can simply move things around until we get them where we want them. But then using flash right now brings up a whole new set of problems that I really would like to avoid.
Anyways, here is the code. If someone has the time to look at it that would be great, but if not I will just need to dig into dreamweaver tutorials which I probablly need to do anyways.
<html>
<head>
<title>layout-v1-uncut-with-buttons</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.main {
.copy {
background-color: #E6E7E9;
height: 697px;
width: 457px;
word-spacing: 0px;
letter-spacing: 0px;
text-align: right;
margin: 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
.leftimage {
background-color: #E6E7E9;
height: 697px;
width: 433px;
</style>
</head>
<body bgcolor="#FFFFFF" background="images/background.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div class="main">
<table width="1000" height="1078" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
      <td colspan="11">
        <img src="images/layout-v1-uncut-with-buttons_01.jpg" width="1000" height="350" alt=""></td>
      </tr>
    <tr>
      <td colspan="3">
        <img src="images/layout-v1-uncut-with-buttons_02.jpg" width="493" height="30" alt=""></td>
      <td colspan="2">
        <img src="images/layout-v1-uncut-with-buttons_03.jpg" width="83" height="30" alt=""></td>
      <td>
        <img src="images/layout-v1-uncut-with-buttons_04.jpg" width="98" height="30" alt=""></td>
      <td>
        <img src="images/layout-v1-uncut-with-buttons_05.jpg" width="116" height="30" alt=""></td>
      <td>
        <img src="images/layout-v1-uncut-with-buttons_06.jpg" width="90" height="30" alt=""></td>
      <td colspan="2">
        <img src="images/layout-v1-uncut-with-buttons_07.jpg" width="100" height="30" alt=""></td>
      <td>
        <img src="images/layout-v1-uncut-with-buttons_08.jpg" width="20" height="30" alt=""></td>
      </tr>
    <tr>
      <td>
        <img src="images/layout-v1-uncut-with-buttons_09.jpg" width="38" height="697" alt=""></td>
      <td><div class="leftimage">Content for class "leftimage" Goes Here</div></td>
      <td colspan="2">
        <img src="images/layout-v1-uncut-with-buttons_11.jpg" width="37" height="697" alt=""></td>
      <td colspan="5"><div class="copy">
        <p>Content for class "copy" Goes Here</p>
        <p> </p>
      </div></td>
      <td colspan="2">
        <img src="images/layout-v1-uncut-with-buttons_13.jpg" width="35" height="697" alt=""></td>
      </tr>
    <tr>
      <td>
        <img src="images/spacer.gif" width="38" height="1" alt=""></td>
      <td>
        <img src="images/spacer.gif" width="433" height="1" alt=""></td>
      <td>
        <img src="images/spacer.gif" width="22" height="1" alt=""></td>
      <td>
        <img src="images/spacer.gif" width="15" height="1" alt=""></td>
      <td>
        <img src="images/spacer.gif" width="68" height="1" alt=""></td>
      <td>
        <img src="images/spacer.gif" width="98" height="1" alt=""></td>
      <td>
        <img src="images/spacer.gif" width="116" height="1" alt=""></td>
      <td>
        <img src="images/spacer.gif" width="90" height="1" alt=""></td>
      <td>
        <img src="images/spacer.gif" width="85" height="1" alt=""></td>
      <td>
        <img src="images/spacer.gif" width="15" height="1" alt=""></td>
      <td>
        <img src="images/spacer.gif" width="20" height="1" alt=""></td>
      </tr>
</table>
</div>

</body>
</html>

A 1 pixel gap appears on webpage on the ipad or when zoomed on a Mac with Firefox 4

I'm having an issue with a website having a 1 pixel gap under various OS's and browsers.
http://www.coffeeandcream.ca/
When viewed on an iPad it shows a 1 pixel gap on the right side of the link icons. When you zoom on the iPad, the gap disappears and reappears at random zoom factors.
When viewed on my Mac Pro under Firefox (version 4) it is fine to start, but when zoomed, random images have the 1 pixel gap sometimes above and below or to the left or right or sometimes both above/below and left/right.
I'm not over worried about the behaviour of Firefox...since it is only when the page is zoomed.
When I view it on my Windows PC, I have no issue with the gap under Firefox 3 or 4, or IE.
Any thoughts on what is going on?
Thanks in advance,

Have you thought of entering the following code at the very top of your CSS file?
                margin: 0;
                padding: 0;
                border: 0;
This should reset the browser of your iPad and FF in Mac. I use neither so I can't test it at my end. the above code is not likely to affect any other standards compliant browsers.
hth

Possible to prevent Firefox from loading two versions of Flash, without disabling PLID scan?

Our IT department—what a great way to start a question—does not roll out regular updates for Flash. To bridge this security gap for Firefox on my work computer, I copy the following files:
* flashplayer.xpt
* FlashPlayerPlugin_<version>.exe
* FlashUtil32_<version>_Plugin.exe
* NPSWF32_<version>.dll
from C:\Windows\System32\Macromed\Flash on another machine and paste them to
C:\Users\<myusername>\AppData\Roaming\Mozilla\Plugins on my work machine. When Firefox starts, it scans the various locations (http://kb.mozillazine.org/Plugin_scanning) and finds both this version and of course the outdated version originally installed, which IT does not update (currently 11.1.102.55). This effectively updates Flash, and until IT finds a solution to distribute updates I'll have to continue to update Flash manually (Java is unfortunately not so easy to fix), but still leaves me with a problem.
My perceived problem is that Firefox still scans the default installation directory of Flash and thus finds the outdated version. Under Add-ons > Plug-ins, I can select from "Ask to Activate," "Always Activate" and "Never Activate." If I select "Ask to Activate" for the current version (12.0.0.43) and "Never Activate" for the old version (11.1.102.55), upon restarting Firefox it sets both to "Ask to Activate." I conclude that Firefox does not treat separate Flash versions independently. Since constantly being prompted to activate Flash is bothersome, I could just set both to "Always Activate," but that leaves an old, even-more-compromised-than-the-current version of Flash activated.
The best solution, I suppose, would be to uninstall the outdated version of Flash, but I don't have the administrative rights to do so, and don't want to pester our IT administrators. I could prevent Firefox from scanning the directories specified in the Windows registry for PLIDs (see above link), but this would prevent it from finding my also-outdated-but-only-installed Java Plug-In, which I keep thinking I need. The behavior I'm after is to prevent Firefox from scanning or finding the old Flash version, while still finding my Java Plug-in. How could I go about this?
Thanks

Maybe you can check the pluginreg.dat file to see if you can disable/remove the other Flash plugin and make the file read-only to prevent changes.
You can use this button to go to the Firefox profile folder:
*Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder)
*http://kb.mozillazine.org/Profile_folder_-_Firefox
*http://kb.mozillazine.org/Issues_related_to_plugins

Pesky gap in graphics below Flash element

Hello,
I am trying to figure out why Firefox is showing a gap below my Flash banner that doesn't show in IE or Chrome.
I have tried aligning everything above the gap to the bottom and aligning everything below the gap to the top but I still see a gap in Firefox.
Can someone please take a look and tell me what I am doing wrong?
Thank you for any input.
Bocage Plantation
http://bocage2.audiblethinking.net/

Sorry about that. I am not exactly sure where the problem is, but I know it takes place after I put the <nav> in (in the html portion). If I understand what I am learning, the CSS at the top will structure my html code so I would have thought the CSS tageting my nav would be the focus. Maybe it is a different section though.
CSS part:
nav p {
font-size: 90%;
color: #FFC;
text-align: right;
font-weight: bold;
background-color: #090;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #060;
HTML part: (bold italic is the part I added)
<body>
<div class="container">
<div id="apDiv1"><img src="Lessons/images/butterfly-ovr.png" width="170" height="158" alt="GreenStart Logo"></div>
<header></header>
<nav>
    <p>Home | About Us | Contact Us</p>
</nav>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="#">Green News</a></li>
      <li><a href="#">Green Products</a></li>
      <li><a href="#">Green Events</a></li>
      <li><a href="#">Green Travel</a></li>
      <li><a href="#">Green Tips</a></li>
    </ul>

Can you see this gap?

I am not sure, but I think I might have this gap on a pc in
my page. The
gap is at the top, about 1px, between the bottom of the logo
and the
navigation and right through the star next to it (there you
would be
able to actually see it).
http://www.agilitygraphics.com/clients/cs/pages/history.html
I don't have it on my mac, but when I check this page at
Kinko's it
looked like it had a gap there? (Their monitors are horrible,
so maybe I
am wrong?).
If you can see it let me know and if you know why I am having
it there,
that would be fantastic!
Thanks a lot!
Brian

I can see the gap in Internet Explorer on Windows XP - it
does not show the
gap in Firefox, though.
Try adding to your images:
<img ... style="display: block">
Or if you can create a class in your CSS and apply it to the
image.
Shane H
[email protected]
http://www.avenuedesigners.com
=============================================
Proud GAWDS Member
http://www.gawds.org/showmember.php?memberid=1495
Delivering accessible websites to all ...
=============================================
"Brian" <[email protected]> wrote in message
news:ec4oat$jtb$[email protected]..
>I am not sure, but I think I might have this gap on a pc
in my page. The
>gap is at the top, about 1px, between the bottom of the
logo and the
>navigation and right through the star next to it (there
you would be able
>to actually see it).
>
http://www.agilitygraphics.com/clients/cs/pages/history.html
>
> I don't have it on my mac, but when I check this page at
Kinko's it looked
> like it had a gap there? (Their monitors are horrible,
so maybe I am
> wrong?).
>
> If you can see it let me know and if you know why I am
having it there,
> that would be fantastic!
>
> Thanks a lot!
> Brian

Flash video has not worked with Firefox browser for years. When will you fix this?

Anyone who uses Firefox browser (for Windows or for Mac) knows that flash video playback ceased working sometime around Firefox ver 13 and has not worked since.
The Mozilla people say it is Adobe's fault - instead of fixing Firefox.
They say roll back to Adobe Flash version 10.
This solves the video problem, but then, any other services that depend on the latest Flash build, quit working properly.
This situation leaves millions of Firefox users in perpetual frustration. We can't use our browser of choice to view any web video built with Flash.
This is so unacceptable. I am unable to understand why Adobe and Firefox don't get together and iron out whatever code incompatibility is causing this.
I would really like to hear Adobe's explanation for this.

proteus-editorial wrote:
Anyone who uses Firefox browser (for Windows or for Mac) knows that flash video playback ceased working sometime around Firefox ver 13 and has not worked since.
The Mozilla people say it is Adobe's fault - instead of fixing Firefox.
They say roll back to Adobe Flash version 10.
This solves the video problem, but then, any other services that depend on the latest Flash build, quit working properly.
This situation leaves millions of Firefox users in perpetual frustration. We can't use our browser of choice to view any web video built with Flash.
This is so unacceptable. I am unable to understand why Adobe and Firefox don't get together and iron out whatever code incompatibility is causing this.
I would really like to hear Adobe's explanation for this.
Uh... I don't know what planet you posted this from, but Flash video has worked flawlessly with Firefox for hundreds of millions of users here on earth, without any gaps since Firefox was still called Mozilla.
For the record, I have Firefox 28 with Flash Player 13 installed on:
WIndows XP (SP3-64bit)
Windows Vista Ultimate (SP2-64bit)
Windows 7 Ultimate (SP1-64bit)
Windows 8 Enterprise (64bit-2 machines)
Windows 8.1 Enterprise (64 bit)
OS 0.6.8 Server
OS10.7.5
OS10.8.5
OS10.9.2
And I've had Firefox with Flash Player since 2003 on both OS formats. I've never had a compatibility problem.
I also use Chrome, IE, Opera, Safari and a few other browsers you probably never heard of (like SeaMonkey, Maxthon, Waterfox, iCab, OmniWeb)... Flash works in all of them.
I'd have to say the problem is with your system specifically, because if it was a Firefox/Flash compatibility problem, there would have been hundreds of millions of complaints about it, for over a decade. That... just isn't the case.

Show Report In Two Columns

Apex 3.2
I have a report and it has 1 column and 22 rows.
At the moment, I show the first 15 rows and then you must paginate.
The report will not grow much, may be to 30 rows.
Is there a way to display the first 15 rows in 1 column and the second in another column, side by side etc
Gus

GusC wrote:
Apex 3.2
I have a report and it has 1 column and 22 rows.
At the moment, I show the first 15 rows and then you must paginate.
The report will not grow much, may be to 30 rows.
Is there a way to display the first 15 rows in 1 column and the second in another column, side by side etc
This is a presentation problem so the correct place to solve it is in the presentation layer using CSS. CSS3 introduces multiple column layouts, but this feature is only supported in recent browser versions—in particular requiring IE10+ in standards mode, which I suspect will be a problem as (a) you're not likely to be using IE10, and (b) APEX 3.2 themes aren't HTML5 and won't trigger standards mode (and aren't likely to be fully compatible even if forced to).
Nonetheless, I think it's a technique that's worth demonstrating (if only for me to get some experience of using it), before considering an alternative option using interleaved row ordering and CSS floats that might be of more immediate use to you.
Start with a standard report using a basic query on the [OE]HR EMPLOYEES table:
select
    first_name
, last_name
, phone_number
from
    oehr_employees
order by
    last_name
, first_name
The appropriate structure for a single column report with a predefined sort order is an ordered list, so we create a custom generic row report template, as a copy of the Standard report template with the following modifications:
Before Rows
<table cellpadding="0" border="0" cellspacing="0" id="report_#REGION_STATIC_ID#" class="pagination-container">
#TOP_PAGINATION#
</table>
<ol class="single-value-list" #REPORT_ATTRIBUTES#>
Before Each Row
<li>
Column Template 1
#COLUMN_VALUE#
After Each Row
</li>
After Rows
</ul>
<div class="t17CVS">#EXTERNAL_LINK##CSV_LINK#</div>
<table cellpadding="0" border="0" cellspacing="0" class="pagination-container">
#PAGINATION#
</table>
This report template is generic enough to be used in both solutions, and although it appears you don't need pagination in the solution, I've retained it to provide more flexibility and because it involves an interesting problem in creating balanced columns on the last page in the interleaved row order option.
As the template only displays one column per row, and to exercise the column layout break properties, all of the table columns are hidden and we create a derived column that uses an HTML Expression containing some hCard microformat markup to make the list item content span 2 lines:
<div class="vcard">
<span class="fn n"><span class="given-name">#FIRST_NAME# <span class="family-name">#LAST_NAME#</span></span>
<div class="tel">#PHONE_NUMBER#</div>
</div>
We can then implement some basic list/hCard formatting using CSS:
Basic list/hCard formatting common to both CSS3 multi-column and interleaved rows/CSS float solutions
ol {
margin-left: 0;
padding-left: 0;
width: 44em;
white-space: nowrap;
list-style-type: square;
ol li {
    margin: 0 0 0.5em 2em;
.vcard .family-name {
font-weight: 600;
text-transform: uppercase;
The CSS3 multi-column rules used in the first report region are pretty straightforward, although they have to take account of the current level of browser support by using vendor-specific properties where appropriate:
CSS3 multi-column formatting
.multi-col ol {
/* Safari/Chrome/Opera */
-webkit-column-count: 2;
-webkit-column-gap: 0;
/* Firefox */
-moz-column-count: 2;
-moz-column-gap: 0;
/* IE10+ */
column-count: 2;
column-gap: 0;
.multi-col ol li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    /* Workaround for FF as break-inside doesn't work. */
    page-break-inside: avoid;
For the interleaved row ordering workaround used in the second report, the query has to be modified to calculate the page each row will appear on, and the position in each column on the page it will occupy:
with emps_ordered_unique as (
    select
-- If you need distinct rows then just restrict them at the start
        distinct
        first_name
      , last_name
      , phone_number
      , row_number()
          over (
            order by last_name, first_name) row#
    from
        oehr_employees
    order by
        last_name
      , first_name)
, emps_interleaved as (
      select
          first_name
        , last_name
        , phone_number
        , row#
          -- 30 is overall number of rows per page
        , ceil(row# / 30) page#
          -- 30 is overall number of rows per page; 15 maximum number of rows per column
        , mod(row# - 1, least(ceil(count(*) over (partition by ceil(row# / 30)) / 2), 15)) col_row#
      from
          emps_ordered_unique)
select
    first_name
, last_name
, phone_number
from
    emps_interleaved
order by
    page#
, col_row#
, row#
The trick here is to interleave the rows, with those that have the same position in each column appearing in pairs so that they can be laid out side-by-side using element widths and CSS floats.
The CSS for this report is:
Interleaved rows/CSS float formatting
#interleaved .pagination-container {
clear: both;
#interleaved ol {
#interleaved ol li {
    float: left;
    width: 20em;
The drawback with the latter option is that although the list entries are visually ordered down and across the columns, they are not semantically ordered thus in the HTML markup, so any user perceiving the list without this CSS (for example via a screenreader, or a mobile device with an alternative style sheet) gets the list in a weird order. For that reason I probably wouldn't use this approach. At present I'd implement the CSS3 multi-column approach as a progressive enhancement for users with up-to-date browsers, and allow it to gracefully degrade to a basic 1-column list in legacy versions.

Hotmail performance very poor, jerky, occassional paralysis, but even a problem trying to fill this in in one go !!

For the last 2 weeks when I am using hotmail, I cannot do anything for more than a few seconds and the systems stops, then starts again. But I've noticed that is equally true when completing this form so is there something wrong with my Firefox. Just had a 5 second gap.

Start Firefox in [[Safe Mode]] to check if one of your add-ons is causing your problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
* Don't make any changes on the Safe mode start window.
See [[Troubleshooting extensions and themes]] and [[Troubleshooting plugins]]
Create a new profile as a test to check if your current profile is causing the problems.<br />
See [[Basic Troubleshooting#Make_a_new_profile|Basic Troubleshooting: Make a new profile]]<br />
There may be extensions and plugins installed by default in a new profile, so check that in "Tools > Add-ons > Extensions & Plugins"<br />
If that new profile works then you can transfer some files from the old profile to that new profile (be careful not to copy corrupted files)<br />
See http://kb.mozillazine.org/Transferring_data_to_a_new_profile_-_Firefox
If it still happens with a new, unmodified, Firefox profile then maybe security software is causing the problems and you should check that.<br />
You can also do a malware check.<br />
See "Spyware on Windows": http://kb.mozillazine.org/Popups_not_blocked and [[Searches are redirected to another site]]

How can I get Firefox to fill my screen? There are gaps in the top and bottom of my screen, thanks.

I dropped my laptop recently and messed up the hard drive so after installing new hard drive I reloaded win 7 and Mozilla Firefox. When Firefox loads up there is a 1" plus gap on the top and a half inch gap at the bottom of all pages. How can I get the browser to fill the screen? Thanks.

This website is using autocomplete=off to prevent Firefox from saving and filling the name and password.
You can remove autocomplete=off with a bookmarklet to make Firefox save names and passwords and other form data.
*http://kb.mozillazine.org/User_name_and_password_not_remembered

Gap in between divs in firefox

Hi there.
I'm working on a website and I have tested in both IE 7, and
Firefox v2.
In IE it looks as intended, but in Firefox, there is a gap
between the customer menu (with lime green background), and the Top
Menu bit (above the lime green). The customer menu in the css is
#user_title. The top menu is #topmenu
Similarly, right at the bottom, in between the end of the
content, and the footer, there is a white gap.
I'm not too sure why it is appearing. Below are links to
screenshots of each (sorry I haven't got an upload of the actual
site). Also, i've attached my CSS file to this post.
IE Preview
Firefox
Preview
If anyone can help me get rid of the gaps, that would be
great!
Thanks,
Craig

.oO(craig_shaw)
>I uploaded it to a test server.
>
>The address is
http://www.lindendesign.co.uk/test/templates/header.html
>
>If anyone could help, that would be great.
In your CSS rule for "#user_title h1" change this
margin-left: 10px;
to this
margin: 0 10px;
The gap was caused by the h1 default top margin. Because of a
feature
called collapsing margins it was sticking out of the
#user_title div.
The new declaration takes care of this and sets both the top
and bottom
margin to zero.
BTW: The result in FF was the correct one, IE got it wrong
(as usual).
Micha

How to avoid leaving a gap when closing tabs on Firefox 5?

Hello,
I want to disable a new feature on Firefox 5. Or, at least, I don't recall it being a feature on Firefox 4.
When I have various tabs open, and close one of them, they go to the left, leaving a gap to the right that will be filled the time I move the mouse somewhere else.
Being graphical:
Starting from this:
|¨¨a¨¨||¨¨b¨¨||¨¨c¨¨||¨¨d¨¨||¨¨e¨¨|
I close the last two tabs, first "d", then "e", keeping the mouse over the tabs zone:
|¨¨a¨¨||¨¨b¨¨||¨¨c¨¨|_Blank Space_
Then, I move the cursor somewhere else, and then it fills the blank space:
|¨¨1¨¨||¨¨2¨¨||¨¨a¨¨||¨¨b¨¨||¨¨c¨¨|
How can I avoid this gap when I close tabs?
Turning browser.tabs.animate to false did nothing.
Thank you very much :)

Cor-el, when we close the tabs, there's an animation where the remaining tabs grow into the vacated space. I have browser.tabs.animate switched off and would, as a result, have expected the tabs to instantaneously resize, instead of doing an animation that slows things down slightly and which I thought I'd turned off.

A gap of 1 row below address bar in firefox browser after I installed Google Toolbar. Unistalling both and then installing just firefox hasn't helped. Any solutions?

I am not able to remove the 1-inch gap which came just after installing google toolbar. After that, I uninstalled Google Toolbar and Firefox respectively and then again, installed Firefox alone but the gap of 1-inch (1 row) remains just below the address bar of the browser. How to remove it?

Hi Danieldesira,
Thanks for the solution, it worked!!! I disabled extensions one by one except Google Toolbar. I observed that the gap was removed only after removing Norton Toolbar 5.6 version. For now, I have removed the toolbar of Norton but it seems necessary for security purpose. Can we keep it on and still hide since in the empty row it generates in Firefox is not showing a single button or anything else.
Thanks.

Gap issue between Firefox and IE

Hi
I am a newbie to the Dreamweaver stage.
Busy putting together my first website, but have an issue with spacing.
There is a gap between my logo and menu bar in Firefox, but displays normally in IE6.
Is there any way that I can resove this?
I messed around a bit with my CSS file, but to no avail.
I googled a bit on the net, and see quite a lot of people got issues with this...
Any help with this problem will be appreciated
Thank you

http://css-tricks.com/margin-0-padding-0-no-longer-cool/
See if that helps. It introduces you to the idea of setting zero default padding and margin using a global CSS rule. It's something that a lot of people use but it seems is now going out of fashion a little.
That might be a part of your difficulty. As I understand it different browsers introduce their own default styles and these are not consistent accross all elements or browser flavours. The disadvantage of setting all padding and margin to zero is that you have to put it back in where you need it. There's quite a lot of discussion to be read on the internets but for a simple page it works.
Of course, posting a link to your page would be a better way of enabling others to pin-point your problem.
Regards
Martin

How do you eliminate a 4-pixel gap firefox introduces when running a swf?

I'm running a little flash animation in a table cell on an html page.
http://www.forwardthinkingmuseum.com/aaatestlobby.php
Everything works fine in all browsers and on both the Mac and PC. Firefox, however, it throws in a gap of 4 pixels. Does anybody know of a way to eliminate this?
In case it is not possible, how could I avoid using flash all together and build that little 3-image slideshow in a different application?
Any help would be greatly appreciated
Thank you,
Peter

That's EXACTLY what I want!! I've read you're explanation but still don't get it. When I look at my InDesign file through indesign, the first page is only showing ONE page. Also, I have another problem which is how to get the card viewed by my girlfriend (that's who the card is for)? I noticed the link you sent me and was wondering if that site is free. I had the file at 216% when I exported it to a .swf file but noticed how small it was on the server you sent me. Was that your doing or do I need to make it bigger than 216%?
BTW Petteri, I've updated the file and it's finished except for that pesky issue you've been so kind to fix. Think you can fix my final version?
https://www.yousendit.com/dl?phi_action=app/orchestrateDownload&rurl=https%253A%252F%252Fw ww.yousendit.com%252Ftransfer.php%253Faction%253Dbatch_download%2526batch_id%253DMzZIaUNGU nJtNEx2Wmc9PQ

Gap in Firefox

Similar Messages

Maybe you are looking for