• Locked
1 reply [Last post]
Wed, 2010-03-10 20:44
hawker701
hawker701's picture
User offline. Last seen 2 years 10 weeks ago. Offline
newbie
Timezone: GMT-5
Joined: 2010-03-10
Posts: 1
Points: 2

Hello all,

I have a compatibility issue with 3 of the majors browsers and i'm looking for help.

I stipped my webpage to the simplest example of what i'm trying to do and it looks like this

<html>
<head>
 
<style type="text/css">
 
.div1
{
      width:100%;
      height:100%;
      border  : 1px solid red;
}
 
.class1
{
	width:100px;
	height:100px;
	border:1px solid blue;
}
 
</style>
 
</head>
 
<body>
  <table class="class1">
    <tr>
      <td>
        <div class="div1"></div>
      </td>
    </tr>
  </table>
</body>
</html>

As you will see in the attached picture, the result of this page is different in all 3 browser. I'm looking for a result similar to IE in firefox and chrome but i can't seem to find a way.

Could someone point out to me my obvious rookie mistake please Smile

thanks a lot

Top
Tags:
Wed, 2010-03-10 20:49
#1
CupidsToejam
CupidsToejam's picture
User offline. Last seen 17 weeks 15 hours ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

is this all you html, you're

is this all you html, you're missing doctype.


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

Top
  • Locked