paulmason411
Nov 30 2006, 06:45 AM
| | I have had a go at making a website using CSS to dictate the layout (no tables used) and it works quite nicely in firefox but when i open it in IE it completely mangles the whole layout.
Can someone tell me some techniques to prevent this and maybe point me to some helpful pages.
Thanks. |
Comment/Reply (w/o sign-up)
jlhaslip
Nov 30 2006, 06:58 AM
First of all, there are some good references at the w3schools.com site. http://w3schools.invisionzone.com/index.php?showtopic=7567Secondly, there are some fairly knowledgable folks here. Post a help request in the HTML sub-forum of the computer Forum. Provide a link to your page and the css code and let us see what you have done so far. It makes it a bit easier if the css is in the html page, but if it is in an external file, that's okay, too. IE has a problem with Margins and Padding, sort of. If you don't have a correct Doc Type Declaration, IE goes into Quirks mode and guesses at your layout, so lets see some code and we'll help you work through this. Also, describe as best you can, the problems as you see them, so we know what to correct and modify.
Comment/Reply (w/o sign-up)
Postfreak
Nov 30 2006, 08:10 AM
Yes thats right, since ie6 is so outdated you need to fix the errors for ie. One way you can do it is javascript and make ie users use a different stylesheet to the other crowds. Another good thing to do is too check if your css code is valid by going to http://jigsaw.w3.org/css-validator/, this should fix some of your problems.
Comment/Reply (w/o sign-up)
Florisjuh
Nov 30 2006, 03:37 PM
It's quite crap that there are so many different browsers and all return different errors to your website, look at www.qla6.com in Internet Explorer and in Firefox or Opera as example. Anyway the best way to fix problems like this is to keep trying, look at your code and see if all commands you use are supported by all the browsers which will be seeing your web site, and believe me, getting your site work on every browser is a huge pain in the *bottom* which could have been avoided by the company's who made the browsers themselves...
Comment/Reply (w/o sign-up)
Saint_Michael
Nov 30 2006, 09:12 PM
I know the feeling currently working on my own little css design right now, Hopefully once I have finish this site and tweaked it to all three browsers I will have a tutorial up for it. Like Florisjuh said it takes time and alot of patience to get it, sometimes if you use the right tags the problem fixes itself. thats just a few weeks worth of work My Css file will be hitting the 10KB mark amd close to 400 lines of code  . REMOVE LINK FOR SEO AND NO LONGER A VALID LINKBest thing to do is work one browser and then copy the files and then work them for the next browser and so on. Also I recommend this link as well these are a bunch of tools you can use to help get a cleaner design. http://www.trap17.com/forums/index.php?sho...c=42607&hl=
Comment/Reply (w/o sign-up)
hts
Nov 30 2006, 09:37 PM
-first of all, work with Firefox (or Opera) as your testing browser, as these respect the web standards, NOT Internet Explorer, as many people think -then, validate your markup & css code, it might solve the problem (partially, at least) -post your problems here and we`ll try to help you...there are several known IE bugs regarding rendering of css...
Comment/Reply (w/o sign-up)
paulmason411
Dec 1 2006, 01:22 AM
This was just a test site i made a while ago where i had problems with the layout. Maybe you can tell me where i went wrong so i don't end up repeating my mistakes. Site: http://paulmason.awardspace.com/CSS: http://paulmason.awardspace.com/design.cssThanks guys.
Comment/Reply (w/o sign-up)
jlhaslip
Dec 1 2006, 01:31 AM
First of all, get rid of one of the Body tags. Second, the Input requires a "name=". Third, different Browsers set various margins and padding for elements differently, so I usually set them equal to 0 in the body tag of the css and that inherits throughout the page unless I change them for an element. That might make a difference. And I see that you are setting negative margins on a lot of things. Let the Document Flow define your positions is the best way to handle them. I rarely need negative margins or absolute positioning. Run the URL through the w3c validator to see what the errors are. And the css through jigsaw. w3c validatorCSS validator
Comment/Reply (w/o sign-up)
paulmason411
Dec 1 2006, 08:44 AM
Thanks jlhaslip, very good advice and really helpful links
Comment/Reply (w/o sign-up)
FeedBacker
Feb 18 2008, 05:25 AM
how to change mozilla firefox according to internet explorer
Ie And Firefox Layout Differences
I have create one web page layout in css based but internet explore run my web page is correct but mozilla firefox not correct output why? Please guide me. -reply by rakesh
Comment/Reply (w/o sign-up)
iGuest
Nov 6 2008, 08:29 PM
firefox and ie layout help
Ie And Firefox Layout Differences
I have a website which looks great in firefox but pushed left in IE I'm not too great with the IE firefox difference if someone could help.. The website is made in PHP and HTML and CSS atatriumlabs.Com/game/ atatriumlabs.Com/game/templates/style.Css I will make IE use a different style.Css once I can get something to work. -question by Matt
Comment/Reply (w/o sign-up)
iGuest
Aug 11 2008, 07:09 AM
how to fix equal ,margin in IE& firefox
Ie And Firefox Layout Differences
How to fix equal ,margin in ie firefox -question by michel
Comment/Reply (w/o sign-up)
Similar Topics
Keywords : Firefox Layout Differences- Firefox Or Internet Explorer
- that is the question... (335)
I see as firefox as my main choice but its really up to you on what you choose: Firefox is an
open-source (Wired mag) Internet browser, thought up by a 18 year old (completed when 19) after many
frustrations with Internet explorer. It has a built in pop up blocker that has never once fail me,
and is 100% skinnable. It includes TABS, which is a fature that lets you see more than one page in
one window. Because of its new scent, noone has bagan to look for a way to deliver viruses thrrough
the browser. It has promoted its service by Spreadfirefox.com, which gives of webba...
Firefox Portable
- (4)
so I recently downloaded firefox portable for my flash drive. I have to say that I was never a fan
of firefox... I run windows, but use safari and I really like it, one of the major reasons I didnt
like firefox was because of the way it displayed my website... It basically destroyed it!!! anyway,
recently I was looking for a portable browser for my flash drive.... and all I could find for free
was firefox! so i got it and scepticaly ran it for the first time.... by the way, at first it didnt
come up, so i forgot about and opened safari, and like 5 minutes later it fin...
Firefox 3 Sucks - Time For Another Browser
- (92)
No seriously, I've been using Firefox since 0.x releases. I loved it. Every release, despite
having no huge features, was a great update. Version 3, however, totally messes everything up. Its
default interface is ugly. And no Home button, really ??? (ps. I kno i can drag it back from the
bookmarks toolbar but still, its stupid). The address bar search thing. I liked the concept, but I
am so used to the old way, this actually distracts me, I don't want to search my history
everytime I type a new address. Plus the slide out is huge now making the whole thing feel t...
Mozilla Firefox Poll
- Give your view about the FireFox browser (81)
Hey guys, Lemme know what you think abou the Mozilla Firefox browser. I personally think it out
runs Microsoft Internet Explorer mainly cos of the convenience of having all the windows in one main
window, plus enhanced security features. What do you think? Cheers! Yasir /smile.gif' border='0'
style='vertical-align:middle' alt='smile.gif' /> ...
Firefox Temporary Media Files
- Where are they stored? (1)
Sometimes when I view video tutorials online and I want get pleased with the flash or mp4 I will be
viewing online. When I try to seach for the temporary file stored by Firefox so that I can save it
in another drive I fail to find it. Does anyone know where these files are stored and which format
they will be in? One day I opened the folder: CODE C:\Documents and Settings\Rare\Local
Settings\Application Data\Mozilla\Firefox\Profiles6qbhaqp.default\Cache and found a lot of
files without extentions. Could these be the files....
Firefox 3 Cookies Problem
- It is reeeeeeally annoying (5)
Hello The person who finds a solution for my problem would really be a life saver for me. I've
tried searching all over the web. Whenever I try to visit phpbb2 forums, I have to clean my cookies
before logging in, and this sux. I also get yahoo and google bad request errors. Here is the google
bad request: CODE Google Error Bad
Request Your client has issued a malformed or illegal request. Please see Google's
Terms of Service posted at http://www.google.com/terms_of_service.html We...
Mozilla Delays Firefox 3.1 For More Features
- (0)
Microsoft Firefox
- (34)
Microsoft Firefox http://www.msfirefox.com/ this is a must check for all users, funny
/smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />...
Firefox Hits The 50 Million Download Mark
- New Landmark ;) (36)
Hi guys, Our beloved FireFox Browser hit the 50 million -th download mark today. We were all
present at their irc room on irc.mozilla.org channel #spreadfirefox and had a gala party with a
whole bunch of people from around the world - taking part in the countdown. I managed to catch a
snapshot of their live counter at 50 million and 1 downloads - here's the Snapshot: This
was by far one of the most exciting online events I took part in recently... 50 million Cheers to
FireFox /wink.gif' border='0' style='vertical-align:middle' alt='wink.gif' /> ...
Firefox "download Day"
- (25)
As many of you know Firefox will be attempting to set a world record on "Download Day" - Date to be
announced. As most people on this forum have taste and use firefox I think it would be great that on
the day we could have a post where whenever someone downloads can post in, then we can take a
screenshot of it and send it to mozilla. It could be in the guest forum or a members forum but
obviously nothing with post count, I just want to know what the admins/mods fink of this idea? for
more information and I suggest you read this go to ...
Firefox Feel
- (6)
If you use FireFox as compared to IE, You'll see just in the way pages are viewed the feel and
look of them are smoother the IE's rough view of sites. You may not know what I mean, but think
of how smooth firefox is compared to other browsers. safari is smooth, but still rough, and Opera
is a little rough like IE too, I think FireFox is the most user friendly and smoothest....
Had You Tried Firefox 3 Beta 5?
- What can you say? (12)
i recently stumbled on lifehacker's guide to firefox 3 beta 5: Lifehacker's Guide to
FF3BETA5 i am courageous enough to ditch my firefox 2 installation and installed the latest beta
as my default browser.. here is the guide to remove firefox 2 completely so that you can start a
fresh installation of the beta 5 : Uninstalling_Firefox now that i have completely installed the
beta - i am deeply satisfied by the new features.. they said that the official release of firefox 3
is on june 2008 but i just can't wait to experience the new features this browser h...
Firefox 2
- Whos has it and what do you think? (48)
I never really liked Firefox just because i always thought it was just as good as my now 2nd
favorite browser, Opera. It had all the same capabilities and actually Opera was the first to have
tabbed browsing and is the safest of all of them. When I heard about the new Firefox i wanted to try
it out considering i needed it anyways to test out my websites. I got the iFox Smooth skin also to
test out the skins. I have to say i love it. The spell check it awesome. I would have downloaded
Firefox just for the spell check. What are your favorite new features? Have you even dow...
Slow Mystery In Firefox Over Linux
- Can I speed up my browser when I have a youtube video? (1)
Sometimes, when I get one page then have a youtube video, my Firefox over Linux (PCLINUXOS) slow
down. Sometimes it freeze. Anybody have the same situation/problem? How can I fix? Any special
config for solve my problem? ...
500 Million Firefox Downloads
- (7)
Yesterday was the biggest milestone in Firefox history they just hit 500 Million downloads of their
most famous software the Firefox web browser. All I have is WOW! and such a short time to of course
when you create a program that is more advance, more secured, and just plain out more better then
everyone else's, that number isn't that surprising because of the popularity it has receive
in under 4 years of being out there. Of course with Firefox 3 on it's way out I would be
surprised if it hits 1 billion in less the time though. SOURCE ...
Firefox 3.0 Alpha6 Rc2 And Alpha7 Pre
- testing alpha versions of Firefox (5)
Hello Trap17 members, especially Firefox lovers and advocators! /smile.gif"
style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" /> While testing the buoyancy
of my personal toy (my boat) I ran into the land called, Canada. There, I had to scavenge for some
ration to keep up with my day to day activities. Surprisingly, the land called Canada was hospitable
and plentiful in many diverse and exotic things. So I brought back some to share with my Trap17
community. Ha ha... Now that you've read the excitement in my words, I'd like to present
few thi...
Firefox Is ? To Ie's Msie
- (4)
What is firefox's abbreviation? like how Internet Explorer is MSIE; I can't find it anywhere
and I can get it from using PHP to try and find it....
Firefox Hit With Spoofing Bug
- (3)
QUOTE A serious flaw in how Firefox handles log-ons could be used by identity thieves to dupe
users into disclosing passwords, a noted security researcher said Wednesday. Aviv Raff, an Israeli
researcher best known for ferreting out browser flaws, revealed the Firefox spoofing vulnerability
on his personal blog, and posted a demonstration video there. He did not go public with any
proof-of-concept code or working exploit, however. According to Raff, Firefox 2.0.0.11 -- Mozilla
Corp.'s most current version -- fails to sanitize single quotation marks and spaces i...
Bookmark Improvements New To Firefox 3
- (1)
A new version of the Firefox browser, now available for testing mainly by developers, offers
improvements on finding frequently visited Web sites and tools for running Web applications without
a live Internet connection. The Beta 1 version of Firefox 3 released this week still has problems,
including the inability to run newer Web-mail programs from Yahoo Inc. and Microsoft Corp., and a
final version for consumers isn't expected for several months. But it offers a window on
what's to come. Many of its new features concern bookmarks, an area typically slow to ...
Firefox 3.0 Alpha 8 & Firefox Campus Edition
- (4)
Well as we get closer and closer the release of Firefox 3.0, mozilla comes out with Alpha 8. In
this update it is security rich this time as they bring in anti-malware warnings and protection
against rogue extension updates. They also beefed up the security to the extension auto updates to
help prevent people from redirecting you to malicious sites because of the way the auto update
works. This time they have set it up in a way that it checks the url of the installation manifest
and makes sure its the correct one or it doesn't get updated. QUOTE "Firefox aut...
Funny Firefox Flicks
- (10)
Check out this firefox ad. You might have already seen it.
http://www.firefoxflicks.com/flick/index.p...d=19542&c=false ...
Firefox 2.0.0.4 Released May 30, 2007
- Security and vista updates (7)
http://en-us.www.mozilla.com/en-US/firefox...4/releasenotes/ Release Notes, new feature
descriptions and a download link can be found at this linked page....
Firefox 3 Alpha
- FIREFOX 3 ALPHA (14)
FIREFOX 3 ALPHA using new engine >>>>www.mozilla.org/projects/firefox/3.0a1/releasenotes/ GRAN
PARADISO !!! are this new code will be bring a more security ???...
Help.. Firefox Language
- (5)
I have a problem with FireFox .. when I enter to google.com or ebay.com or aol.com it changes the
domain automatically to .de (german domains) and shows me the german version of that website but
this doesn't happen with internet explorer and the setting in windows control panel are
English(United States) ... I think that there is an option in FireFox to change it ... do you know
how? /sad.gif" style="vertical-align:middle" emoid=":(" border="0" alt="sad.gif" />...
Let's Have Fun In Ie And Firefox
- (8)
Let have fun in Microsoft Internet Explorer and Mozilla FireFox today i want to show you a java
script trick. this code works on Microsoft Internet Explorer and Mozilla Fire Fox. in a website like
here, in address bar, copy and paste below java script and press Enter: CODE java script:R=0;
x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images;
DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI .style; DIS.position='absolute';
DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}se...
Firefox 2.0 Officially Launched!
- (43)
For all you firefox fans out there, Firefox has officially launched the 2.0 version (yes the evil
two point oh....). On oct 24th, numerous happy firefox users were notified of this update
/smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />. Firefox
hasn't updated the browser for quite a while, and after Opera 9 came out, Firefox just lost its
users. And with IE 7 catching up, firefox needed to do better. And it did. First of all, we notably
see that the Firefox website www.getfirefox.com is now looking pretty snazzy. Other than the ra...
Firefox Updates To Version 2.0.0.1
- today ... 12/20/2006 (8)
For those who are using Firefox 2.0, there is an update reccomendation issued today for some fixes
to the Firefox Browser. Head over to the Download site and install a new version to have the fixes
added to your copy. http://www.firefox.com ...
Website In Firefox And Iexplorer
- iexplorer mess it up, what's the problem (10)
Hi,I've made some custom coding on a blog to make it look like i want it but i've noticed
that while in opera and firefox it looks perfectly, in internet explorer it look messed up.The
problem should be minor as long as there is little code just a couple of divs, some background
images and a few line of text-it's the home page which is small. Can you take a look and tell me
what to change there as long as i don't know very well the differences between browsers' way
of tackling css and html just to make it look the same in these browsers. It seems to m...
Looking for firefox, layout, differences
|
Searching Video's for firefox, layout, differences
See Also,
|
advertisement
|
|