Jump to content


CSS/HTML browser display


2 replies to this topic

#1 jgibba

    Young Padawan

  • Members
  • Pip
  • 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.


#2 coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 05 October 2005 - 06:31 PM

thats what happens when you use borders with percentage widths...
i don't know how to fix it, i'm just pointing out the specific problem.

#3 jgibba

    Young Padawan

  • Members
  • Pip
  • 3 posts

Posted 05 October 2005 - 07:29 PM

can anyone else give me some help here???





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users