nicht angemeldet
Ich hab ein problem mit firefox, tabellen und css. Ich verwende
Mozilla/5.0 (Windows; U; Windows NT 5.1; de-DE; rv:1.7.5) Gecko/20041108 Firefox/1.0
unter windows.
ich hab folgende css datei:
[CODE]
/* This is the stylesheet for the screen media */
/* Global page settings */
body { background-color:#CCCFFF; }
p { color:#000000; }
/* Page Layout */
.page { background-color:#CCCFFF; }
table.page { border:solid #000000 1px; width:90%; margin-left:5%; margin-right:5%; }
div.page { align:center }
/* Menu layout */
.menu { background-color:#666699; text-align:left; }
td.menu { width:100pt; }
.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; background-color:#FFFFFF;}
[/CODE]
und folgende html datei
[CODE]
<?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 [URL]www.invisiblethings.org[/URL]" />
<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>
<div class="page">
<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>
</div>
<!-- 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>
[/CODE]
das problem ist, dass bei der tabelle der rechte rand nur dann angezeigt wird, wenn das fenster klein genug ist damit mozilla eine scrollbar einblendet. auch anzusehen unter
http://n.ethz.ch/student/fschuetz/template.html
Wie ich richtig vermutet habe, liegt das problem am background (weiss) des data teils. dieser scheint den ein pixel breiten rahmen zu überlappen, wenn keine scrollbar da ist (wieso nur dann?).das problem tritt sogar nur auf, wenn das browserfenster fullscreen ist und keine scrollbar hat. wenn ich dem .data einfach rechts einen rahmen gebe, wird der rahmen zwar angezeigt, aber der hintergrund geht noch einen pixel weiter. das sieht auch unschön aus. wie soll ich das lösen? unter ie wird alles korrekt angezeigt.
danke für die hilfe