Welcome to Dream.In.Code
Become an Expert!

Join 149,594 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,857 people online right now. Registration is fast and FREE... Join Now!




looks differnt in ie and firefox?

 
Reply to this topicStart new topic

looks differnt in ie and firefox?

Jacobpsp
6 Oct, 2007 - 05:12 AM
Post #1

New D.I.C Head
*

Joined: 6 Sep, 2007
Posts: 38


My Contributions
hey i need help
me and a friend aremaking a webisite
problem is that the the layout shows up differntley in ie and firefox.
CODE

<html>
<head>
<style type="text/css">
body
{
    background-color: 1e1e1e;
}
.main
{
    color: e7e4e4;    
    font-size: 13px;
    font-family: Tahoma, Arial, Sans-serif;
    padding:5px 10px 5px;
}
</style>
<title> Digital Junkyard </title>
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id="content" align="center">
<!-- start of tables. -->
<table id="Table_01" width="751" height="786" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="12">

            <img src="images/template_01.gif" width="750" height="10" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="10" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="4">
            <img src="images/template_02.gif" width="23" height="688" alt=""></td>
        <td colspan="9">
            <img src="images/template_03.gif" width="704" height="108" alt=""></td>

        <td rowspan="6">
            <img src="images/template_04.gif" width="23" height="775" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="108" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="images/template_05.gif" width="258" height="1" alt=""></td>
        <td rowspan="2">

            <img src="images/template_06.gif" width="65" height="36" alt=""></td>
        <td rowspan="2">
            <img src="images/template_07.gif" width="81" height="36" alt=""></td>
        <td rowspan="2">
            <img src="images/template_08.gif" width="77" height="36" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="images/template_09.gif" width="223" height="36" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>

    </tr>
    <tr>
        <td colspan="3">
            <img src="images/template_10.gif" width="188" height="35" alt=""></td>

        <!-- links -->
        <td>  <img src="images/template_11.gif" width="70" height="35" alt="">
             </td>
        <td>
            <img src="images/spacer.gif" width="1" height="35" alt=""></td>

    </tr>
    <tr>
        <td background="images/template_12.gif" width="174" height="544" valign="top">
            <div class="main">
            test test test test test test test test test test test test test test test test test test test test
            test test test test test
            </div>
            </td>
        <td>
            <img src="images/template_13.gif" width="4" height="544" alt=""></td>

        <td colspan="6" background="images/template_14.gif" valign="top">
            <div class="main">
             test test test test test test  test test test test test test  test test test test test test  test test test test test test
             test test test test test test  test test test test test test  test test test test test test  test test test test test test  test test test test test test     test test test test test test
            </div>
            </td>
        <td rowspan="2">
            <img src="images/template_15.gif" width="1" height="551" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="544" alt=""></td>

    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/template_16.gif" width="22" height="87" alt=""></td>
        <td colspan="9" rowspan="2">
            <img src="images/template_17.gif" width="704" height="87" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="7" alt=""></td>
    </tr>

    <tr>
        <td>
            <img src="images/template_18.gif" width="1" height="80" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="80" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="22" height="1" alt=""></td>

        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="174" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="4" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="10" height="1" alt=""></td>
        <td>

            <img src="images/spacer.gif" width="70" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="65" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="81" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="77" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="222" height="1" alt=""></td>

        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="23" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- end of tables. -->
</div>
</body>
</html>



this is what it looks like in firefox
http://i111.photobucket.com/albums/n145/ge...screenshotr.png
this is what it looks like in iternet explorer
http://i111.photobucket.com/albums/n145/ge...reenshot2-1.png



how cani make them look the same
thanks.
User is offlineProfile CardPM
+Quote Post

sl4ck3r
RE: Looks Differnt In Ie And Firefox?
6 Oct, 2007 - 06:57 PM
Post #2

D.I.C Head
Group Icon

Joined: 22 Sep, 2007
Posts: 119


Dream Kudos: 25
My Contributions
im not sure but i just wanted to tell you that site looks sexy and free bump smile.gif
User is offlineProfile CardPM
+Quote Post

Jacobpsp
RE: Looks Differnt In Ie And Firefox?
7 Oct, 2007 - 01:44 AM
Post #3

New D.I.C Head
*

Joined: 6 Sep, 2007
Posts: 38


My Contributions
lol thanks
User is offlineProfile CardPM
+Quote Post

sl4ck3r
RE: Looks Differnt In Ie And Firefox?
7 Oct, 2007 - 07:53 PM
Post #4

D.I.C Head
Group Icon

Joined: 22 Sep, 2007
Posts: 119


Dream Kudos: 25
My Contributions
do you have the border set to 0?
User is offlineProfile CardPM
+Quote Post

serializer
RE: Looks Differnt In Ie And Firefox?
10 Oct, 2007 - 08:11 PM
Post #5

D.I.C Head
**

Joined: 25 Jun, 2007
Posts: 108


My Contributions
Have you also tried it in IE7? Chances are there will be different bugs smile.gif

Can you post a link to the site online somewhere; it's a bit numbing to look through all those <td>'s! Look up some articles on tableless design for some pointers on how to make your code and page styling a bit easier to control and maintain. Have a search for the IE Developer Toolbar for a way to poke around in the DOM and see what settings are out of place for that to happen.



User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 1/7/09 11:18PM

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month