May I ask how to make the layout of a website to come out the same in Mozilla Firefox and Internet Explorer? Because the positioning is fine in Internet Explorer but is haywire in Mozilla Firefox. Another thing is that the size of the layout, the layout is fine in a 14.1-inch lcd but is situated to the left in 15.4-inch lcd. I want to make it centered.
Help with website layout
Could you give us more information please? What kind of positioning are you using? I always use divisions they're fine for me.
There is no one simple solution. Like Roald said, we need more info. Post the code or a link to the site if you want some help.
| freakinlame wrote: |
| May I ask how to make the layout of a website to come out the same in Mozilla Firefox and Internet Explorer? Because the positioning is fine in Internet Explorer but is haywire in Mozilla Firefox. Another thing is that the size of the layout, the layout is fine in a 14.1-inch lcd but is situated to the left in 15.4-inch lcd. I want to make it centered. |
I think you got it another way round. Actually IE is the one that haywired
.
I suggest you design on Firefox, then only fix them for IE. You can try to search for IE Hacks in google. If you know the specific problem you might even find the right hack straight away.
I remember I got a site about these hacks somewhere in my bookmark, but need some time to search for it >.<. I've been neglacting my bookmark "management" for quite sometime now
I dont think you should use hacks - a "real" webdesigner doesnt need them..
Just design for Firefox and IE at once and write effective CSS. Thats all you need.
PS: We really need that link! - otherwise we cant really help you...
Just design for Firefox and IE at once and write effective CSS. Thats all you need.
PS: We really need that link! - otherwise we cant really help you...
the link is http://mcb-englishclub.frih.net/index1
try it on firefox and IE. Thanks
try it on firefox and IE. Thanks
Ouch!
This is the classic example of why designing a page with a visual (WYSIWYG) editor is bad.
I'm afraid I cant help you - the code is VERY confusing, even to an experienced CSS and HTML programmer like me. In fact, I'm unsure about why the text and left linkmenu even display in the first place!
My suggestion is either ignore firefox users, or reprogram your page i HTML or use a better editor than word (thats what you used isnt is?) - a decent editor would be dreamweaver.
This is the classic example of why designing a page with a visual (WYSIWYG) editor is bad.
I'm afraid I cant help you - the code is VERY confusing, even to an experienced CSS and HTML programmer like me. In fact, I'm unsure about why the text and left linkmenu even display in the first place!
My suggestion is either ignore firefox users, or reprogram your page i HTML or use a better editor than word (thats what you used isnt is?) - a decent editor would be dreamweaver.
I think he used publisher (Publisher???). Just like LukeakaDanish said: Learn HTML and CSS or use dreamweaver, even frontpage is good. In this topic there are loads of links to free editors
I did the page using frontpage. I can do with dreamweaver but that would mean I have to do it all over again. How come I face the problem although I'm using Frontpage?
| freakinlame wrote: |
| I did the page using frontpage. I can do with dreamweaver but that would mean I have to do it all over again. How come I face the problem although I'm using Frontpage? |
| Zarock wrote: | ||
|
Frontpage is "ok" ish...for simple layouts...but dont expect it to make pages which work in any other browsers than ie 6.
Also, dont expect anybody to be able to edit your code.
Keep your code valid and simple. It will save you tonns of both time and bytes! And you will need only few adjustments to make your site look good in most browsers.
Don't get carried away. It's a webpage, not a carnival. If it does not work no matter what you do, stop to think; do you really need that on your webpage? If you want your webpage όber fancy with lots of fancy things and stuff, use flash instead.
There is probably no use editing your code. Your editor might just mess it up again next time you open your webdocuments in it (Unless you go through the preferences and turn it off).
Don't get carried away. It's a webpage, not a carnival. If it does not work no matter what you do, stop to think; do you really need that on your webpage? If you want your webpage όber fancy with lots of fancy things and stuff, use flash instead.
There is probably no use editing your code. Your editor might just mess it up again next time you open your webdocuments in it (Unless you go through the preferences and turn it off).
The link you posted is no longer available, any chance you could repost it so that I can take a look?
I have had a lot of problems with internet explorer vs. firefox compatability myself in the past and I find that it usually takes a while to sort out.
The main issue I have come across with this problem is when trying to use html/css to center content with a border, there seem to be a lot of hacks out there for internet explorer, the most common one being to use the text-align attribute of css in the body tag to center inline elements.
I see this more and more, but unfortunatly, instead of seeing browser companies addressing this problem like they should, a lot of them seem to be working against each other still...I agree, this really doesn need sorting out.
I have had a lot of problems with internet explorer vs. firefox compatability myself in the past and I find that it usually takes a while to sort out.
The main issue I have come across with this problem is when trying to use html/css to center content with a border, there seem to be a lot of hacks out there for internet explorer, the most common one being to use the text-align attribute of css in the body tag to center inline elements.
I see this more and more, but unfortunatly, instead of seeing browser companies addressing this problem like they should, a lot of them seem to be working against each other still...I agree, this really doesn need sorting out.
Related topics
 |