Hello:
I am new to working with CSS. I have no idea where to begin with dealing with cross browser issues.
I have a web page I created with CSS that looks as it should in Internet Explorer. When I go to view the page in Mozilla Firefox, the page is completely out of sorts.
If you would like to see for yourself what's happening between the two browsers, the URL is: <!-- m --><a class="postlink" href="http://www.summitwebcrafters.com/index-test.html">http://www.summitwebcrafters.com/index-test.html</a><!-- m -->.
How do I go about fixing my page so that the page appears in Mozilla as in Internet Explorer?
Thank you for any assistance.Since there is no sense reinventing the wheel, I suggest you start with a good template that is cross browser proven and then fit your pieces into it. Once you understand how it works, you can tweak as needed. A good place to start for 3 column layouts is here:
<!-- m --><a class="postlink" href="http://css-discuss.incutio.com/?page=ThreeColumnLayouts">http://css-discuss.incutio.com/?page=ThreeColumnLayouts</a><!-- m -->
or
<!-- m --><a class="postlink" href="http://www.google.com/search?q=three+column+css+layout">http://www.google.com/search?q=three+column+css+layout</a><!-- m -->
This one looked good to me:
<!-- m --><a class="postlink" href="http://www.tjkdesign.com/articles/challenge/3cols/default.asp">http://www.tjkdesign.com/articles/chall ... efault.asp</a><!-- m -->
You will probably spend a lot less time fitting your pieces into a proven template than you will debugging your code to get it to work in Firefox.
Also, if you are going to start coding a lot in css, it is good to have Firefox and IE open when you are coding and check both frequently. That will save you from getting a long way down the road and not being sure of exactly which step is broke. As you learn more about CSS, you will be able to anticipate a little more what breaks in which browser and won't have to check both as often.Thank you so very much for the links. There is a lot of good stuff there.
I am new to working with CSS. I have no idea where to begin with dealing with cross browser issues.
I have a web page I created with CSS that looks as it should in Internet Explorer. When I go to view the page in Mozilla Firefox, the page is completely out of sorts.
If you would like to see for yourself what's happening between the two browsers, the URL is: <!-- m --><a class="postlink" href="http://www.summitwebcrafters.com/index-test.html">http://www.summitwebcrafters.com/index-test.html</a><!-- m -->.
How do I go about fixing my page so that the page appears in Mozilla as in Internet Explorer?
Thank you for any assistance.Since there is no sense reinventing the wheel, I suggest you start with a good template that is cross browser proven and then fit your pieces into it. Once you understand how it works, you can tweak as needed. A good place to start for 3 column layouts is here:
<!-- m --><a class="postlink" href="http://css-discuss.incutio.com/?page=ThreeColumnLayouts">http://css-discuss.incutio.com/?page=ThreeColumnLayouts</a><!-- m -->
or
<!-- m --><a class="postlink" href="http://www.google.com/search?q=three+column+css+layout">http://www.google.com/search?q=three+column+css+layout</a><!-- m -->
This one looked good to me:
<!-- m --><a class="postlink" href="http://www.tjkdesign.com/articles/challenge/3cols/default.asp">http://www.tjkdesign.com/articles/chall ... efault.asp</a><!-- m -->
You will probably spend a lot less time fitting your pieces into a proven template than you will debugging your code to get it to work in Firefox.
Also, if you are going to start coding a lot in css, it is good to have Firefox and IE open when you are coding and check both frequently. That will save you from getting a long way down the road and not being sure of exactly which step is broke. As you learn more about CSS, you will be able to anticipate a little more what breaks in which browser and won't have to check both as often.Thank you so very much for the links. There is a lot of good stuff there.