Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

0

CSS/HTML browser display

Started by jgibba, Oct 05 2005 03:23 PM

You cannot reply to this topic
Go to first unread post

2 replies to this topic

#1 jgibba

Young Padawan

Members
3 posts

Posted 05 October 2005 - 03:23 PM

created a simple table layout in dreamweaver with solid colors. It displays fine in IE but terribly distorted in Mozilla.

URL: www.verbazon.net/new/new.php

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Verbazon.net</title>
<link href="http://www.verbazon.net/new/css.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
	background-color: #CCCCCC;
}
.style1 {
	font-family: verdana;
	font-size: 25px;
	font-weight: bold;
}
-->
</style></head>

<body>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td bgcolor="#4D4D4D"><p>&nbsp;</p>
    <p align="center" class="style1">Verbazon.net</p>
    <p>&nbsp;</p></td>
  </tr>
</table>
<table width="100%"  border="0" cellspacing="0" cellpadding="3">
  <tr>
    <td width="24%" height="110" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="top" bgcolor="#6E6E6E"><p align="center" class="boxtop">-
              Navigation - </p>
          </td>
        </tr>
        <tr>
          <td valign="top" bgcolor="#999999"><p class="text">Menu 1<br>
            Menu 2<br>
            Menu 3<br>
            Menu 4<br>
            Menu 5
            </p>
          </td>
        </tr>
      </table>
      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td bgcolor="#6E6E6E"><p class="boxtop">&nbsp;</p>
          </td>
        </tr>
      </table>      <p>&nbsp;</p></td>
    <td width="55%" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td valign="top" bgcolor="#6E6E6E"><p align="center" class="boxtop"> -
            Content - </p>
          </td>
      </tr>
    </table>    <table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td valign="top" bgcolor="#999999"><p align="justify" class="text">This
            is sample text. This is sample text. <span class="text">This is sample
            text. </span></td>
      </tr>
    </table>    
    <table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td bgcolor="#6E6E6E" class="boxtop">&nbsp;</td>
      </tr>
    </table>    <p>&nbsp;</p></td>
    <td width="21%" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="top" bgcolor="#6E6E6E" class="boxtop"><div align="center"> -
          Test -</div></td>
        </tr>
      </table>
      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td bgcolor="#999999" class="text">Link<br>
            Link<br>
            Link<br>
            Link<br>
            Link</td>
        </tr>
      </table>      
      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td bgcolor="#6E6E6E" class="boxtop">&nbsp;</td>
        </tr>
      </table>      <p>&nbsp;</p></td>
  </tr>
</table>
</body>
</html>

CSS:

.boxtop {
	border: 1px solid #000000;
	font-family: verdana;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
}
.boxmid {
	border-top: 1px none #000000;
	border-right: 1px dotted #000000;
	border-bottom: 1px none #000000;
	border-left: 1px dotted #000000;
}
.text {
	font-family: verdana;
	font-size: 11px;
	color: #000000;
}

Edited by jgibba, 05 October 2005 - 03:24 PM.