nicht angemeldet
Firefox stellt Tabelle falsch dar !!!
Gunnar BittersmannHallo,
ich bastle gerade an einer Homepage mit Tabellen.
Im Internet Explorer stellt er die Seite richtig dar, jedoch im Firefox Browser macht er die Tabelle auf der linken seite etwas kleiner obwohl ich auch ein Background mit width="185" dazugebe ???
Momentan habe ich zwei seiten index.html + stlye.css
Die index.html enthält folgenden code:
<html>
<head>
<title>HIER KOMMT DER TITEL</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body bgcolor="#FFFFFF">
<table width="950" border="0" cellspacing="0" cellpadding="0" align="center" id="table_2">
<tr>
<td>
<div align="center">LOGO LOGO LOGO LOGO</div>
</td>
</tr>
</table>
<table width="950" border="0" cellspacing="0" cellpadding="0" height="100%" bgcolor="#FFFFFF" align="center" id=table_1>
<tr>
<td style="BACKGROUND-image: url(images/nav_links_help.gif);" width="185" valign="top"> <br>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="sideNav">
<TR>
<TD class="sideNavUnit"><A href=""><img src="images/arrow.gif" width="7" height="7" border="0" align="absmiddle"> test</A></TD>
</TR>
<TR>
<TD class="sideNavSeparator"><IMG height="1" alt="" src="images/blank.gif" width="1" border="0"></TD>
</TR>
<TR>
<TD class="sideNavUnit"><A href=""><img src="images/arrow.gif" width="7" height="7" border="0" align="absmiddle"> test</A></TD>
</TR>
</table>
</td>
<td width="10" bgcolor="#FFFFFF"></td>
<td bgcolor="#000000" width="1"></td>
<td width="10" bgcolor="#FFFFFF"></td>
<td valign="top">
<p> </p><p><span class="standard">HIER KOMMT DER TEXT</span></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</td>
<td width="10" bgcolor="#FFFFFF"></td>
</tr>
</table>
</body>
</html>
*************
Die Datei style.css:
.standard { font-family: Verdana, Arial, Helvetica, sans-serif, Univers, "Univers Condensed"; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none }
#sideNav { BORDER-RIGHT: #2d4d68 1px solid; BORDER-TOP: #2d4d68 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BORDER-LEFT: #2d4d68 1px solid; WIDTH: 160px; BORDER-BOTTOM: #2d4d68 1px solid; FONT-FAMILY: verdana,arial,sans-serif }
.sideNavUnit A { PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: #00CC33; PADDING-BOTTOM: 3px; WIDTH: 160px; COLOR: #FFFFFF; PADDING-TOP: 3px; TEXT-DECORATION: none }
.sideNavUnit A:hover { BACKGROUND: #FFFFFF; COLOR: #00CC33; TEXT-DECORATION: none }
.sideNavSeparator { BACKGROUND: #00CC33; BORDER-BOTTOM: #006E36 1px solid }
#table_1 { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; }
Funktioniert aber nicht !!!
Wer hat hier vorschläge das die Tabelle gleich angezeigt wird wie im Internet Explorer ?????
mitchmitch@gmx.at
lg
-
@@mitch2000:
nuqneH
ich bastle gerade an einer Homepage mit Tabellen.
Wenn du deine Homepage nicht basteln, sondern gestalten willst, missbrauche keine Tabellen zum Layouten! Verwende sinnvolles HTML und http://de.selfhtml.org/css/index.htm@title=CSS!
Im Internet Explorer stellt er die Seite richtig dar, jedoch im Firefox Browser […]
Nein. IE macht es falsch. Firefox richtig. Verwechsle nicht „richtig“ mit „wie gewünscht“!
Deppenleerzeichen sind weder richtig noch erwünscht. ;-)
Die index.html enthält folgenden code:
<html>
Informiere dich über "Boxmodell", "Quirks" und "DOCTYPE" [http://de.selfhtml.org/css/formate/box_modell.htm@title=SELFHTML, CSS2 §8, Jendryschik].
Qapla'
--
Bildung lässt sich nicht downloaden. (Günther Jauch)