CSS opmaak in tabel, (IE / Mozilla) - Softwareontwikkeling

donderdag 17 mei 2007 12:52

Acties:

Verwijderd

Topicstarter

Hi, opmaak tekst in tabelletjes met CSS in IE gaat goed. Echter in Mozilla Firefox worden de tabellen uit elkaar getrokken... Wat doe ik verkeerd?

<html>
<head>
<title>Testcase</title>
<style type="text/css">

</style>
</head>
<body topmargin="0" leftmargin="0">
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td background="../images/site-opbouw/line-subjects.jpg"><h2> Test</td></h2>
</tr>
<tr>
<td background="../images/site-opbouw/line-subjects.jpg"><h2> Test</td></h2>
</tr>
<tr>
<td background="../images/site-opbouw/line-subjects.jpg"><h2> Test</td></h2>
</tr>
<tr>
<td background="../images/site-opbouw/line-subjects.jpg"><h2> Test</td></h2>
</tr>
</table>
</body>
</html>

donderdag 17 mei 2007 13:02

Acties:

crisp

Devver

Pixelated

Je nesting is invalid

Intentionally left blank

donderdag 17 mei 2007 13:03

Acties:

Spockz

Live and Let Live

Zoals crisp al zegt:
Je opent een h2 binnen een td tag. En je sluit hem erbuiten. Da's niet goed.

C'est le ton qui fait la musique. | Blog | @linkedin
R8 | 18-55 IS | 50mm 1.8 2 | 70-200 2.8 APO EX HSM | 85 1.8

donderdag 17 mei 2007 15:28

Acties:

Verwijderd

Topicstarter

Dank u... $_/-\o_$

Echter is mijn probleem nog niet helemaal opgelost.
Het voorbeeld staat www.dewijchenaar.nl/test
In IE klopt de uitlijning in de tabellen en hoogte, Firefox kan hier niet mee omgaan? Of doe ik iets verkeerd in mijn css/broncode?
Thanks

donderdag 17 mei 2007 15:33

Acties:

Mad Marty

Je bent slimmer als je denkt!

Zet je margins en paddings eens op 0px?

Overigens gebruik je nog steeds verkeerde nesting!

Zie ook:
http://www.quirksmode.org/css/box.html

[ Voor 61% gewijzigd door Mad Marty op 17-05-2007 15:40 ]

Rail Away!

donderdag 17 mei 2007 15:37

Acties:

Verwijderd

iets verkeerd?
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 16 column 58 - Warning: missing </h2> before </td>
line 16 column 73 - Warning: discarding unexpected </h2>
line 19 column 58 - Warning: missing </h2> before </td>
line 19 column 73 - Warning: discarding unexpected </h2>
line 22 column 58 - Warning: missing </h2> before </td>
line 22 column 73 - Warning: discarding unexpected </h2>
line 25 column 58 - Warning: missing </h2> before </td>
line 25 column 73 - Warning: discarding unexpected </h2>
line 13 column 1 - Warning: <body> proprietary attribute "topmargin"
line 13 column 1 - Warning: <body> proprietary attribute "leftmargin"
line 16 column 1 - Warning: <td> proprietary attribute "background"
line 19 column 1 - Warning: <td> proprietary attribute "background"
line 22 column 1 - Warning: <td> proprietary attribute "background"
line 25 column 1 - Warning: <td> proprietary attribute "background"
Info: Document content looks like HTML Proprietary

donderdag 17 mei 2007 16:55

Acties:

Verwijderd

Topicstarter

Ok, toppertje...bijna zover
Nu nog het plaatje meenemen in de div style zodat deze getoond wordt in de tabellen apart ipv image background page

Er zit nl. een verloop in

voorbeeld

donderdag 17 mei 2007 18:04

Acties:

moozzuzz

Installeer es de plugins www.totalvalidator.com en Web Developper voor FF en kijk es naar de CSS in je style-gedeelte.

donderdag 17 mei 2007 18:07

Acties:

PhoenixT

Je kunt ook code=css tags gebruiken in je startpost

With PlaneShift since 2003. WC-Grid ftw!

donderdag 17 mei 2007 18:35

Acties:

Rowanov

Kop eens wat anders...

Je gebruikt css; waarom zou je dan in hemelsnaam nu opeens font-tags gebruiken? De kleur op je tekst kan je gewoon met de css property color instellen. Hetzelfde geldt voor die meuk in je body element; kijk de specificaties eens door en dan in het specifiek de lijst met alle properties.

[ Voor 39% gewijzigd door Rowanov op 17-05-2007 18:37 ]