Florian Schuetz: css, tabellen und firefox

Beitrag lesen

»»In welchem Browser, in welchem Modus?

In firefox, wie der posttitel und das erste post sagt. Ich hab das Problem mitlerweile gelöst. Ich hab die div's entfernt, den pagestyle direkt im body angegeben, die liniendicke von 1px auf thin gewechselt und die margin weggelassen, den tabellen hintergrund auf weiss gesetzt.
Hier mein funktionierendes Template, falls es interessiert:

Das css:

/* This is the stylesheet for the screen media */

/* Global page settings */
body { background-color:#CCCFFF; text-align:center;}
p  { color:#000000; }

/* Page Layout */
table.page  { border:solid thin #000000; width:90%; margin:auto; background-color:#FFFFFF; text-align:left;}

/* Menu layout */
.menu    { background-color:#666699; text-align:left; }
td.menu    { width:100pt; border-top:solid 1px #000000; border-bottom: solid 1px #000000; border-left: solid 1px #000000; }

.submenu   { font-size:80%; }
*.submenu p   { text-indent:5pt; line-height:5pt; }

.subsubmenu   { font-size:60%; }
*.subsubmenu p  { text-indent:10pt; }

/* Data layout */
.data    { vertical-align:top; }

das html:
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Put your title here</title>
  <meta name="DC.Title" content="OTHERLAND/index" />
  <meta name="DC.Creator" content="Florian Schuetz" />
  <meta name="DC.Subject" content="Personal Pages Home" />
  <meta name="DC.Description" content="The entry point for the personal pages of Florian Schuetz." />
  <meta name="DC.Publisher" content="Florian Schuetz" />
  <meta name="DC.Date" content="2005-01-02" />
  <meta name="DC.Type" content="Text" />
  <meta name="DC.Format" content="text/html" />
  <meta name="DC.Identifier" content="http://otherland.homelinux.com/personal" />
  <meta name="DC.Source" content="Design inspired by www.invisiblethings.org" />
  <meta name="DC.Language" content="en" />
  <meta name="DC.Relation" content="Index" />
  <meta name="DC.Coverage" content="Worldwide" />
  <meta name="DC.Rights" content="All rights reserved" />
  <meta http-equiv="content-type" content="application/xhtml+xml; charset=ISO-8859-1" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <meta http-equiv="Content-Language" content="en-us" />
  <link type="text/css" rel="stylesheet" media="screen" href="screen_style.css" />
  <link type="text/css" rel="stylesheet" media="print, embosed" href="print_style.css" />
 </head>
 <body>
  <table class="page" cellspacing="0" cellpadding="10">
   <tr>
    <td class="menu" valign="top">
     <!-- MENU -->
     <p><a href="index.html">Home</a></p>
     <p><a href="about.html">About</a></p>
     <p><a href="papers.html">Papers</a></p>
     <p><a href="tools.html">Tools</a></p>
     <p><a href="misc.html">Misc</a></p>
     <p><a href="contact.html">Contact</a></p>
    </td>
    <td class="data">
     <!-- DATA -->
     <h1>Put your Data here</h1>
     <p>Do it.</p>
    </td>
   </tr>
  </table>

<!-- This page is valid xhtml 1.0, so show it -->
  <p style="text-align:center;">
   <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88"
     style="border:none;" /> </a>
  </p>
 </body>
</html>