CSS Firefox fix
Hi, I have downloaded a joomla template and customized this. I have a problem with fire fox.
Any suggestions on how to fix the firefox as the logo and banner are out of place
http://www.curioustesting.com/
thanks
1. You have this above the doctype (Cary already suggested one, but I see another). Renove those 2 lines.
<em></em>
<?xml version="1.0" encoding="utf-8"?>
I don't have time to take the code into DW, but this may be causing the centering:
<div align="center" class="main_bg">
Remove the "center" and see what happens.
Similar Messages
-
Css position:fixed works on mozilla 21/IE10 but not in chrome ?
Hello guys,
I want to stick in position a rectangle or photo while scrolling browser.
I am using sym.$("Rectangle3").css({"position":"fixed"});
This works fine in Mozilla and IE10 but not in chrome (Version 27.0.1453.116 m)
Anyone to help please?
Thanks in advance.
AnthonyAntony,
I will defer to what Sarah said.
In the future if you needed to add browser prefixes to correct differences which happen for a number of things like transform or shapes, etc..
Or course this will not correct a bug which I was not aware of in this particular case.
Here is how to add browser prefixes:
In this case to make an ellipse a circle because chrome did not recognize the ellipse. I added Opera prefix to show you the syntax.
sym.$('Ellipse').css({
'-webkit-border-radius': '50%',
'-o-border-radius': '50%',
'border-radius': '50%',
'width': '35px',
'height': '35px'
Sometime the syntax is a little different. Just google the css to make sure.
Here is another example for a Star Wars intro where I added browser prefixes for Explorer (-ms-), Chrome (-webkit-), and Firefox(-moz-).
The code can be combined but I did not this time for this sample.
Sample files here:
https://www.box.com/s/bdu5c4lq67fkfy7blfhc
// FF
sym.$('gradient').css('background', '-moz-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%)');
sym.$('container').css('-moz-transform-origin', '50% 100%');
sym.$('container').css('-moz-transform', 'perspective(250px) rotateX(25deg)');
// Chrome and others
sym.$('gradient').css('background', '-webkit-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%)');
sym.$('container').css('-webkit-transform-origin', '50% 100%');
sym.$('container').css('-webkit-transform', 'perspective(250px) rotateX(25deg)');
// Internet Explorer
sym.$('gradient').css('background', '-ms-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%)');
sym.$('container').css('-ms-transform-origin', '50% 100%');
sym.$('container').css('-ms-transform', 'perspective(250px) rotateX(25deg)'); -
Hi,
I am having trouble fixing my CSS so that my primaryContent
does not scroll in IE7. This page works fine in Firefox and IE6.
http://67.199.64.241/test.asp
I use 2 stylesheets which are attached. main2col.css is where
I think I need some sort of hack. Help would be GREATLY
appreciated.
Cindytreehuggerinny posted in macromedia.dreamweaver
> The CSS has been validated. I made a couple of small
changes.
>
> The DTD may be wrong. I do get some errors in the html
validation.
Ref:
http://67.199.64.241/test.asp
If you don't have a good reason to use XHTML, use HTML 4.01
Strict - or
Transitional. Don't use XHTML to keep up with a fad or
anything.
File->Convert->(pick a doctype)
You still need to provide valid HTML for the given DOCTYPE
before even
thinking about browser differences. Invalid code can send
browsers into
Quirks mode where they will render content in unpredictable
ways.
One simple example on that page is the use of the menu
element, an old
HTML 3.2 struct that was deprecated in HTML 4.0 (1998), and
is obsolete
in HTML 4.01 Strict (1999) and in any version of XHTML.
You also have 18 open <li> tags and only 15 closing
</li> tags. I have
no idea how different browsers will deal with that.
> Thanks for the links!
Use them to help you create valid code.
> Any thoughts on a hack to eliminate the scroll in IE7?
I am not well versed in IE hacks. I find it easier to write
code that
works across all browsers. It doesn't make sense to me to try
any hacks
BEFORE fixing my code.
Again, fix all the code before trying to deal with browser
differences.
You will likely find that once the code is valid, most
browser
differences disappear.
Mark A. Boyd
Keep-On-Learnin' :) -
Hi,
I am aware there are bug fixes for CSS issues in IE. Please
can you take a look at my test page which is fine in FireFox but
falls appart in IE.
TEST PAGE
HERE
For info I am exploring accessibility and these should expand
nicely when you press ctr (cmd mac) + to increase text size.
Thanks,
RichOn Mon, 31 Mar 2008 15:37:40 +0000 (UTC), "RICH POW"
<[email protected]> wrote:
>Hi,
> I am aware there are bug fixes for CSS issues in IE.
Please can you take a
>look at my test page which is fine in FireFox but falls
appart in IE.
>
>
http://www.adelantedesign.co.uk/http://www.adelantedesign.co.uk/button.html
>
> For info I am exploring accessibility and these should
expand nicely when you
>press ctr (cmd mac) + to increase text size.
>
> Thanks,
> Rich
He just pasted link twice
http://www.adelantedesign.co.uk/http://www.adelantedesign.co.uk/button.html
>
http://www.adelantedesign.co.uk/
http://www.adelantedesign.co.uk/button.html
the reason it won't expand nicely with Ctrl + is because you
are using
Absolute links ( layers )
and it's inside a frame ?
~Malcolm~*...
~* -
When I try to enter my customer number to log into my online banking website, an error message reads:
This form has been re-submitted. Re-enter your customer number and submit only once.
When I called the bank to find out if they could help they said it was a browser issue and suggested I should use IE or Chrome (No thanks!).
I have gone through all of the Firefox suggested troubleshooting fixes including deleting the cookie files. I have not yet tried resetting Firefox as I was hoping for a simpler solution before taking this step.
Thanks for any help you may be able to offer.If it works in Safe Mode and in normal mode with all extensions (Firefox/Tools > Add-ons > Extensions) disabled then try to find which extension is causing it by enabling one extension at a time until the problem reappears.
Close and restart Firefox after each change via "Firefox > Exit" (Windows: Firefox/File > Exit; Mac: Firefox > Quit Firefox; Linux: Firefox/File > Quit)
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes -
CSS Centered & Fixed Width Layout
I'm trying to use CSS for building a new layout and do so without resorting to the old methods, like using tables. But I can't even get past a very basic thing using Dreamweaver CS5.5. I want the page layout to be a fixed width yet centered in the browser window instead of stuck to the left. Lots of web sites do this (even Adobe's main site).
In the past I would just create a parent table and simply give it a center alignment then build everything else inside of it. Easy. Unless I'm overlooking something obvious there appears to be no way at all to apply the same sort of alignment property to a DIV-based container. Dreamweaver provides lots and lots of other formatting options, but page alignment for that DIV object isn't there.
If I could just get the first big overall DIV centered on the page where I want it I think I could use absolute positioning on the DIVs inside of it.
I've searched around for examples on how to code CSS to make this work, but haven't been able to simply cut and paste the code into Dreamweaver to make it happen. I need to learn how to do this correctly using Dreamweaver's own CSS property dialog boxes.If I could just get the first big overall DIV centered on the page where I want it I think I could use absolute positioning on the DIVs inside of it.
OMG no. You don't want to use absolute positioning at all, until you understand CSS positioning fully.
Read this to get an idea how to do your layout -
http://www.apptools.com/examples/pagelayout101.php
HTML & CSS Tutorials - http://w3schools.com/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
========================================
PRE-BUILT CSS LAYOUTS
For rock solid, commercial products that perform well in all browsers/devices, visit Project Seven:
http://www.projectseven.com/products/index.htm
Not Just a Grid CSS Framework (free)
http://www.notjustagrid.com/demo.asp
Ultimate Multi-Column Layouts (free)
http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layout s-em-and-pixel-widths
EZ-CSS Templates (watch the screencast to see how it works)
http://www.ez-css.org/css_templates
Dreamweaver CSS Templates for beginners (free)
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_te mplates.html
New DW Starter Pages (free)
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_l ayouts.html -
Firefox "fix won't download. dowload window keeps running - for hours. Help!
I'm running on Firefox 6.0.2. Firefox sent a (pop-up) download window saying Firefox recommends downloading a fix immediately. I clicked on it, window said downloading, ran for several hours until I closed it, unfinished. Trouble for me?
If there are problems with updating or with the permissions then easiest is to download the full version and trash the currently installed version to do a clean install of the new version.
Download a new copy of the Firefox program and save the disk image (dmg) file to the desktop
* Firefox 7.0.x: http://www.mozilla.com/en-US/firefox/all.html
* Trash the current Firefox application to do a clean (re-)install
* Install the new version that you have downloaded
Your profile data is stored elsewhere in the Firefox Profile Folder, so you won't lose your bookmarks and other personal data.
* http://kb.mozillazine.org/Profile_folder_-_Firefox -
Could anyone help with the query below. I posted this last
friday but never
got a reply. The original message that i posted is also
below. It might be
easier to read from the bottom up.
Thanks
James
----------------------------------->
Thanks for your reply.
I've changed my code as you suggested & now the content
div is coming about
half way down the page- so were getting somewhere. There are
floated
elements so I have added the 'clearthefloats' div. There are
no absolutely
positioned elements, but I tried making the content div
position:relative
anyway but it had no effect.
I also added some text into the 'clearthefloats' div so i
could see where it
was on the page & it is halfway down the page itself,
even though it is
below the other elements in the page.
Thanks,
James
"typist" <[email protected]> wrote in
message
news:[email protected]...
> How are you positioning what is inside your contentdiv?
Are the elements
> floated?
> IE will surround your floated elements, Firefox will not
unless you put a
> non-floated element after the floated ones, and clear
it.
>
> <div class="clearthefloats"> <!--
--></div> (I just put a comment in to
> hold
> the div)
>
> div.clearthefloats {clear:both:} (look up "Stylin' with
CSS" by Charles
> Wyke-Smith for more)
>
> But if you are putting absolutely positioned elements
into your div, then
> you
> need to make your content div position:relative. This
will make the
> elements
> position in the context of the content div instead of
the body.
>
ORIGINAL MESSAGE:
>>Hi,
>>I've got a page with css controlled div's. One of
them ('content') not
>>very
>>surprisingly contains all the page elements. For some
reason though, when
>>viewed in firefox the content div does not wrap round
it's contents (the
>>bg
>>of the page has a light purple color and the content
div is white). There
>>is
>>just a thin strip of white at the top where it
begins. It looks fine in
>>ie.
>>Here's the code for the content div:
>>#content {width:760px;
>> margin:0px auto;
>> background-image:url(images/logostrip.jpg);
>> background-position:top;
>> background-repeat:no-repeat;
>> background-color:#FFFFFF;
>> padding-bottom:10px }
>>I have tried defining the height, which works in
firefox, but then in ie
>>there is about 100px space at the bottom of the
content div. For some
>>reason
>>1000px in firefox is shorter than 1000px in ie???
>>Is there anything i am missing?
>>Thanks,
>>JamesYes I have tried setting the height. It should wrap round the
whole page
content not just the graphic. I tried setting the height till
it looked
right in firefox but then in ie there was about 150px extra
at the bottom.
(this was on another page which is a lot longer). Plus if i
set the height
to be right on the homepage, the other pages will be wrong. I
would have to
use seperate style sheets, or give the div's different id's.
Surely there is a way to get the div that all the contents
are in, to simply
wrap round them.
Thanks
"Nadia : **AdobeCommunityExpert**"
<[email protected]> wrote
in message news:[email protected]...
> Setting a height of 306px on that container, revealed
the whole graphic as
> per the visual in IE.
> I did this using the FFox edit CSS tool - but it should
work.
>
> --
> Nadia
> Adobe� Community Expert : Dreamweaver
> --------------------------------------------
>
http://www.csstemplates.com.au
- CSS Templates | Free Templates
> --------------------------------------------
>
http://www.perrelink.com.au
- Web Dev
>
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
>
http://www.adobe.com/devnet/dreamweaver/css.html
> -------------------------------------------------
> "Nadia : **AdobeCommunityExpert**"
<[email protected]>
> wrote in message
news:[email protected]...
>> Is that the graphics in the #container?
>> Have you tried setting a height on that container to
the height of your
>> header image?
>>
>> --
>> Nadia
>> Adobe� Community Expert : Dreamweaver
>> --------------------------------------------
>>
http://www.csstemplates.com.au
- CSS Templates | Free Templates
>> --------------------------------------------
>>
http://www.perrelink.com.au
- Web Dev
>>
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
>>
http://www.adobe.com/devnet/dreamweaver/css.html
>> -------------------------------------------------
>> "James D" <[email protected]> wrote
in message
>> news:[email protected]...
>>> Ok,
>>>
>>> please visit
http://www.beta-design.co.uk/ivesys_home_white/home.html
to
>>> see
>>> the page.
>>>
>>> If you view it in Firefox you will see a thin
white strip at the top.
>>> This
>>> should wrap round the page contents. It works in
IE. If you cannot
>>> access
>>> the css which is in an external file then please
repost and i will paste
>>> it
>>> all into a reply.
>>>
>>> Thanks
>>>
>>>
>>>
>>>
>>>
>>> "Osgood" <[email protected]>
wrote in message
>>> news:[email protected]...
>>>> James D wrote:
>>>>
>>>>> Could anyone help with the query below.
I posted this last friday but
>>>>> never
>>>>> got a reply. The original message that i
posted is also below. It
>>>>> might be
>>>>> easier to read from the bottom up.
>>>>
>>>> Its better to link to the complete page
rather than just supplying half
>>>> the story. If you do that its going to be
easier to identify the issue.
>>>> With the little information you have
supplied its not going to be
>>>> possible.
>>>>
>>>
>>>
>>
>>
>
> -
I am learning CSS and overall understanding most of it (though i know questions are coming and they will be posted here => ) As I read and learn I read make sure this or this is done so IE will display it correctly.
However, I also know that many pages have stylesheets strictly to deal with IE fixes. Where can I find these fixes so that I can learn to implement them into my site design?
Thanks!Position is Everything details the various IE bugs and how to avoid them:
http://www.positioniseverything.net/explorer.html
Don't spend a lot of time on IE hacks. A 3px jog here or a dropped float there won't make a huge difference in the usability of your web pages. For what it's worth, I almost never create separate style sheets for IE. If needed, I use a couple of well-chosen conditional comments in the markup. The less customization you do for inferior browsers, the better your life will be.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
After downloading this newest version of Firefox (5), the useful ADD ON 'AWESOME SCREENSHOT' WILL NOT WORK. COULD THIS PROBLEM BE FIXED BY YOU ALL.
THANKS.Extensions are not part of Firefox and Mozilla is not responsible for them.
Please provide the url along with the extension name to make it easier for others to see the problems.
* '''Awesome Screenshot - Capture and Annotate''' :: Add-ons for Firefox<br>https://addons.mozilla.org/en-us/firefox/addon/awesome-screenshot-capture-/
If you look at the extension you will see a Developer Comment
* ****** We have submitted v2.3.1 which is compatible with Firefox 5 to further review. It'll come out soon. *******
and if you look at "'''Show All Versions'''", you can find the updated version with orange-and-gray strips marked as "unreviewed" where you can download it.
* https://addons.mozilla.org/en-us/firefox/addon/awesome-screenshot-capture-/versions/
''The following information can also be seen in my profile.''
'''Keep your extensions up to date''', don't wait for a Firefox update and then try to do everything after the Firefox update.
'''Research your''' extensions, some may have updates, some may be found in the developer comments or user comments on the add-on, or on the "'''View all versions'''" link which is part of the Release notes at the bottom of the add-on page.
[https://addons.mozilla.org/firefox/addon/is-it-compatible/ '''Is It Compatible?''' :: Add-ons for Firefox], Are your add-ons compatible with the next version of Firefox? Find out straight from the Add-ons window! -
Firefox fixed background problems
Hi,
I am getting problems with Firefox using static backgrounds:
I think the problem has something to do with z-indexes getting mixed up while scrolling.
Has anyone else had this problem? Anyone know a fix? I used one for the internet explorer scrolling here: Re: Parallax Scroll problem using FF & Chrome on Windows machine
ThanksPlease provide site url as well browser details.
Thanks,
Sanjit -
Firefox 4.0 downloads fine, and loads fine, but then after I click on a Bookmark or go to any desired webpage, it FREEZES and I cannot click anything.
No warning or crash messages, just frozen page - can't click out and have to do a Ctrl+Shift+Esc to manually close the program.https://support.mozilla.com/en-US/kb/Websites+or+add-ons+incorrectly+report+incompatible+browser
-
I suspect it is imbalanced div tags that is causing the layout issue the following webpage is experiencing.
http://www.canchair.com/
While the ph.416.787.1709 etc information is listed to the right of the "quickship!" image, it is really supposed to be on the next line - to be seen right before the "| email:" information.
Any clues on how to fix this issue would be greatly appreciated!A yellow tag in design view indicates that tag is unbalanced (missing the corresponding <div> or </div>)
Unfortunately, the majority of errors will not be correctable in design view, you will need to follow the instructions/hints the validator gives you and go line by lin in the source view in order to clear the problems out.
The good part is, many errors could be casued by a cascading issue due to your unbalanced div tag. -
Firefox fixes; Netscape and IE, too
I've updated a collect of patches that help improve the
initial load and reloading of WebHelp, and correcti the display and
behavior of the toolbar and minibar (also called the navigation
bar). Mostly they help Firefox and Netscape. They also solve one or
two problems in Internet Explorer.
Except for the last patch below, I previously posted these in
the forum, and Peter Grainge picked up several for his excellent RH
troubleshooting site. I'm not repeating the earlier ones here, but
will be happy to send a summary Word doc to anyone who sends me a
private message.
Adobe did make some housekeeping code changes in RH 6, but
(as of the trial version) none of those suggested here except one
for whtbar.js, as explained in the summary.
The usual disclaimer: It works for me but I can't guarantee
your results. Back up everything. Experiment on a small project or
a minimized copy of the working project. I haven't tested these in
RH 6, but a quick look at files in the trial version didn't find
any likely problems. If you test them in RH 6, please report back
either here or in a private message.
Regards to all,
Harvey
Purpose: Improve the pace of loading the left pane after
displaying the launch topic in Firefox and Netscape, and perhaps
IE.
File: launchfile.htm
Purpose: Improve the loading and reloading the left frame in
Firefox and Netscape. Particularly, display the browse sequence
buttons and hide X icon. No apparent effect on IE.
File: whtbar.js
Purpose: Eliminate excessive reloading in Firefox and
Navigator, particularly when resizing the window or left pane.
File: whtbar.js
Purpose: Might improve loading the toolbar and navigation
bar. All browsers.
Files: whskin_tbars.htm and whskin_mbars.htm
Purpose: Prevent the toolbar background image from repeating
in the navigation bar. All browsers
File: whskin_mbars.htm
Purpose: Improve the pace of loading WebHelp in Firefox and
Netscape. No discernable effect on IE.
File: whstart.js
Near the beginning:Hi elikisses
Could you please start a new thread for your question instead of posting in an existing thread?
Then you can provide more information like your operating system and installed extensions and installed plugins.
*[[/questions/new start a new thread]]
*[[/kb/Using+the+Troubleshooting+Information+page]] -
I updated to FF7.0 yesterday. I now find that my indispensable TinyURL link tab that had been in my toolbar in the previous FF version has disappeared and is not to be found anywhere. I tried the missing add-ons "fix" featured on the FF website but it did nothing. I need this TinyURL link badly. Can anyone tell me how to make it visible again in FF7.0? Thank you.
For the Comcast Toolbar see Comcast for an updated version of that Toolbar.
See this for the Norton Toolbars. <br />
http://community.norton.com/t5/Norton-Internet-Security-Norton/Norton-Toolbar-not-compatible-with-FF-4-0-1/td-p/442788
Maybe you are looking for
-
I want to install Skype on my iPhone.
I have got an iPhone. I want to install Skype on my iPhone. When installing it throught iTunes, it is showing that Skype is a free application but when I continue to download and install it, it asks for payment through credit cards!? So what is the m
-
Preview won't open. It will open when in test mode but not in my user mode.\
I'm running Yosemite 10.10.2. My Preview won't open. I followed Linc's advice and removed many files but Preview still won't open. I have tried cold booting to no avail.
-
I am trying to build a dashboard in 4.5 Professional. When I open the Xcelsius file I get the following message "Excel cannot open the file 'im5.xlsx' because the file format or file extention is not valid. Verify that the file has not been corrupt
-
Hello experts , Pl suggest , How to split Sales Order. When Customer needs delivery urgently ( Partial qty urgently by Air ) and rest by normal mode. They want to Split this Sales Order into two line levels and indicate Air Freight charges in one. R
-
Printing single page from book
I would like to print a single page from an Aperture book containing 25 pages. I tried on my Epson 2400, but all 25 pages went to the printer. Thanks, Susan