Gebruik van table borders in FF/opera

Status
Niet open voor verdere reacties.
F

flbos

Gebruiker
Lid geworden
5 feb 2004
Berichten
267
Hallo,

Hiermee dacht ik simpelweg een tabel te definieren (de rest van de tabel laat ik voor het gemak weg):

<table cellpadding="3" cellspacing="0" width="480" border="1" bordercolor="#000000" bgcolor="#FFCCCC">

In IE werkt dit prima. Ik krijg netjes om de rand van de tabel én tussen de cellen zwarte randen. In FF en Opera krijg ik weliswaar dezelfde randen, maar zien deze er heel anders uit. Ze zijn niet zwart! FF lijkt een combinatie te maken tussen grijs en de achtergrondkleur van de tabel. Opera maakt een combinatie van wit en grijs. Ik zou toch erg graag in Opera/FF dezelfde zwarte randen als in IE krijgen, maar hoe doe ik dit in godsnaam. Het leek zo simpel, maar kennelijk is het dit niet (voor mij tenminste) :(

Iemand met kennis van zaken op dit gebied?
 
Info over tabellen:
http://www.w3.org/TR/REC-CSS2/tables.html

Ik heb wat gemaakt, kijk of dit beter is,
meer info op bovengemelde link.

PHP: 
<!doctype html public "-//w3c//dtd html 3.2//en">

<html>

<head>
<title>(Type a title for your page here)</title>
<!--This page created on Thursday, August 31, 2006 -->

<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">

<META name="description" content="starting with arachnophilia the html editor">
<META name="keywords" content="arachno, html, updat, email, content, starting, homepage">
<meta name="Author" content="Peter Vazed">
<META name="robots" content="index, follow">
<META name="revisit" content="7 days">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<STYLE TYPE="text/css">
<!--
A:link      { text-decoration: none; color: #0000a0;  }
A:visited   { text-decoration: none; color: #990000; }
A:active    { text-decoration: none; color: #0000FF; }
A:hover     { text-decoration: underline; color: #FF0000; }
p { padding:10px; }
.klgrs {background-color: #b1b1b1;padding: 4px 6px 4px 6px;}
.klgl {background-color: #eaebb8; padding: 1px 1px 1px 1px;}
.kl {font-family: verdana, tahoma, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal;color:#80808a;}
.tomat {font-family: verdana, tahoma, Arial, Helvetica, "sans-serif"; font-size: 16px; font-weight: bold;color:#b0224d;}
.prijs
{font-family: verdana, tahoma, Arial, Helvetica;
 font-size: 12px;
 font-style: normal;
color:#000000;
}
.info 
{border-width:2px;
border-style:dotted;
border-color:#808080;
background-color: #f2f2f2;
font-family:verdana, tahoma, arial, "ms sans serif";
font-size:10px;padding: 10px 10px 10px 10px;}
BODY {     scrollbar-3d-light-color:#FFFFFF;
           scrollbar-arrow-color:#93b7b4;
           scrollbar-base-color:#0000a0;
           scrollbar-dark-shadow-color:#000040;
           scrollbar-face-color:#808080;
           scrollbar-highlight-color:#c3c3c3;
           scrollbar-shadow-color:#cec553;
background-color: #9797ff;
padding:0;
margin:0;
}


 TABLE.opmaak      
{width:480px;
border: solid 1px #000000; 
               border-collapse: collapse;
               border-spacing: 5px ;
background-color: #FFCCCC;
}
  TD.opmaakcel
         { border: solid 1px #000000;
padding:10px; }
  }
-->
</STYLE>

</HEAD>
<body >
<a name="link"></a><br>
<br>
<br>
<center><div class="info">gewone tabel</div></center><br>
<table  cellpadding="3" cellspacing="0" width="480" border="1" bordercolor="#000000" bgcolor="#FFCCCC" align="center">
	<tr>
		<!-- Row 1 Column 1 -->
		<td  valign="top">
			<b>
				1<br>
<br>
<br>

			</b>
		</td>
		<!-- Row 1 Column 2 -->
		<td  valign="top">
			2<br>
<br>
2<br>
<br>
<br>
		</td>
		<!-- Row 1 Column 3 -->
		<td  valign="top">
			3
		</td>
	</tr>
</table><br>
<center><div class="info">met css<br>
info over CSS en tabellen: <a href="http://www.w3.org/TR/REC-CSS2/tables.html">http://www.w3.org/TR/REC-CSS2/tables.html</a></div></center><br>

<table   align="center" class="opmaak">
	<tr>
		<!-- Row 1 Column 1 -->
		<td class="opmaakcel" valign="top">
			<b>
				1<br>
<br>
<br>

			</b>
		</td>
		<!-- Row 1 Column 2 -->
		<td class="opmaakcel" valign="top">
			2<br>
<br>
2<br>
<br>
<br>
		</td>
		<!-- Row 1 Column 3 -->
		<td class="opmaakcel" valign="top">
			3
		</td>
	</tr>
</table>

<br>
 <center><a href="#link"> naar boven </a>
</center>
<br>
<br>

</body>

</html>

:cool:
 
Peter bedankt voor de oplossing, precies wat ik bedoelde! En ook bedankt voor de handige link:thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan