admoortown
asked on
Cross Browser Design
Hi Experts,
I have a site that i designed in Dreamweaver 8. when i test the site in IE6 the site looks fine and all the links are working fine, but when i test the site in mozilla firefox the images and text have all moved in screen and the site looks really messed up.
Some of the pages look fine while there are others that are really messed up.
It seems that it could be something simple but i am really stuck has to how to fix it as my sites look really bad.
Thanks for all your help
I have a site that i designed in Dreamweaver 8. when i test the site in IE6 the site looks fine and all the links are working fine, but when i test the site in mozilla firefox the images and text have all moved in screen and the site looks really messed up.
Some of the pages look fine while there are others that are really messed up.
It seems that it could be something simple but i am really stuck has to how to fix it as my sites look really bad.
Thanks for all your help
NO NO NO.
DO NOT have different configurations for different browsers. That is the wrong way to solve this problem.
Instead you need to design your pages according to web standards with valid code. Then it should display cross browser.
So the first step is ensure your page validates. You can do that using a free validator like:
http://validator.w3.org/
or
http://www.htmlhelp.com/tools/validator/
Once it validates we can address the next issues.
DO NOT have different configurations for different browsers. That is the wrong way to solve this problem.
Instead you need to design your pages according to web standards with valid code. Then it should display cross browser.
So the first step is ensure your page validates. You can do that using a free validator like:
http://validator.w3.org/
or
http://www.htmlhelp.com/tools/validator/
Once it validates we can address the next issues.
Dreamweaver 8 has a "check browser error" feature that does a fine job of locating browser-specific code errors. It includes version-specific Firefox, IE for MS, IE for Mac, Netscape, Mozilla, Opera and Safari.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
im not using CSS i'm doing my layouts with tables.
there isn't a problem with my coding its just a problem with the layout of the page. e.g i have 4 pictures in a row which looks ok in IE6 but when i look at it in firefox the pictures are not beside each other in a row they are on top of each other down the page.
there isn't a problem with my coding its just a problem with the layout of the page. e.g i have 4 pictures in a row which looks ok in IE6 but when i look at it in firefox the pictures are not beside each other in a row they are on top of each other down the page.
As some of the folks pointed out, the trick is to write HTML that would work on all browsers. It is true that different browsers interpret the layout slightly differently. For example, this code would let you have 4 pictures in a row on all major browsers:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="image1.jpg"></td>
<td><img src="image2.jpg"></td>
<td><img src="image3.jpg"></td>
<td><img src="image4.jpg"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="image1.jpg"></td>
<td><img src="image2.jpg"></td>
<td><img src="image3.jpg"></td>
<td><img src="image4.jpg"></td>
</tr>
</table>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
how and where to i put this DOCTYPE declaration??
right at the beginning of your HTML file: this will provide further reference:
http://www.htmlhelp.com/tools/validator/doctype.html
http://www.htmlhelp.com/tools/validator/doctype.html
ASKER
thanks all
i think that i will have to try css thats why i split the points
i think that i will have to try css thats why i split the points
Yes, it's something simples... And the problem is, the browsers act differently from one to the others... That's why every web site needs different configurations for different browsers. Something like "If IE Then..... ElseIf Netscape Then.... etc."
You shoule be able to do it with Dreamweaver, i.e., select the browser and it tells how each page works for it.
diasf