Archief - HTML: Table in FF en IE

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
T

TiZon

Legacy Member
Hey

Ik heb een table met daarin gegevens over de concurentie (div's zijn dus geen optie). Nu heb ik deze als volgt:

HTML: 
<table border="1" align="center" cellpadding="0" cellspacing="0">
          <tr style="height:10px">
            <td width="198" valign="top"><p>&nbsp;</p></td>
            <td width="85" valign="top"><p>Copiers</p></td>
            <td width="151" valign="top"><p>Printers (zwart/wit)</p></td>
            <td width="123" valign="top"><p>Printers (kleur)</p></td>
          </tr>
          <tr style="height:10px">
            <td width="198"><p align="left">HP</p></td>
            <td width="85"><p align="left">-</p></td>
            <td width="151"><p align="left">35,19&nbsp;%</p></td>
            <td width="123"><p align="left">36,73&nbsp;%</p></td>
          </tr>

             --------

</table>

In IE is alles in orde, maar in FF zijn mijn rijen veel hoger. Als ik mijn pagina eens door de validator sleur met ik dat het niet valid is, maar ik heb geen id hoe ik dan wel juist een tabel moet maken :)

Thx
Bart
g

grooverider

Legacy Member
TiZon zei:
in IE: alles in orde
in FF: niet dus :)
Klik om te vergroten...

of beter gezegd: allebei in orde (ze gebruiken gewoon een andere default stylesheet, vandaag het resultaat)

Dit probleem leent zich perfect voor het testen van firebug: pagina inspecten, layout optie gebruiken, en dan zie je meteen dat in FF de <p></p> een margin-top en bottom heeft van 16 px...
P

PiXeL

Legacy Member
Mijn persoonlijke gouden regel in mijn stylesheets..

Code: 
* {
	margin: 0px;
	padding: 0px;
	}
X

Xavez

Legacy Member
nu nog de px weglaten en tis helemaal top (gewoon een kwestie van bytes te besparen =])
g

grooverider

Legacy Member
uw persoonlijke? ge zou de stylesheets is moeten tellen waar dat instaat, maar dan wel

* {margin: 0; padding: 0;}

al die spaties nemen toch maar onnodige ruimte in
offtopic: dat is ook de reden waarom site zoals google (die miljonenen hits per dag hebben) hun doctype zelfs laten vallen
X

Xavez

Legacy Member
Ja dus :). En grooverider heeft gelijk, maar ik denk niet dat het zo bedoeld was van PiXeL, volgens mij wou hij gewoon zeggen "kijk hier, een handige tip", nothing more nothing less. Woordkeuze is belangrijk op een forum ;).
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan