Toon posts:

[html / css] alweer problemen met IE

Pagina: 1
Acties:
  • 33 views sinds 30-01-2008

dinsdag 17 juni 2003 01:28

Acties:
  • marty
  • Registratie: Augustus 2002
  • Laatst online: 27-03-2023

marty

Topicstarter
Zucht... ik heb alweer een probleem met IE waar ik niet uitkom.

Dit is de code:

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <style type="text/css">
 body {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    margin-top: 3px;
    margin-left: 0px;
    margin-right: 0px
    margin-bottom: 3px;
    }
 td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    }

 .content {
    margin-left: 30px;
    margin-right: 30px;
    }
 .TblNul {
    background-color: #CCC;
    padding: 0px;
    border-collapse: collapse;
    }

 </style>
</head>

<body>

<center>
<table class="TblNul">
 <td width="550">
    <div class="content">
    <table class="TblNul" style="width: 100%; padding: 30px;">
    <tr>
     <td style="text-align: left; border-bottom:1px solid #00A;">Regel 1 cel 1</td>
     <td style="text-align: left; border-bottom:1px solid #00A;">Regel 1 cel 2</td>
     <td style="text-align: right; border-bottom:1px solid #00A;">Regel 1 cel 3</td>
    <tr>
    <tr>
     <td style="text-align: left; border-bottom:1px solid #00A;">Regel 2 cel 1</td>
     <td style="text-align: left; border-bottom:1px solid #00A;">Regel 2 cel 2</td>
     <td style="text-align: right; border-bottom:1px solid #00A;">Regel 2 cel 3</td>
    <tr>
    <tr>
     <td style="text-align: left; border-bottom:1px solid #00A;">Regel 3 cel 1</td>
     <td style="text-align: left; border-bottom:1px solid #00A;">Regel 3 cel 2</td>
     <td style="text-align: right; border-bottom:1px solid #00A;">Regel 3 cel 3</td>
    <tr>
    </table>
 </td>
</tr>
</table>
</body>
</html>


Dit is een screenshot genomen van hoe het er in Mozilla (phoenix) uit ziet, en zoals het er ook moet uit zien:
Afbeeldingslocatie: http://62.108.21.134/got/phoenix-II.png

Dit is een screenshot van hoe het er in IE uit ziet:
Afbeeldingslocatie: http://62.108.21.134/got/kut_ie-II.png

Zoals je ziet valt het laatste deel van iedere zin weg in IE. Dat komt door de padding. Ik heb het ook al met een margin geprobeerd, of gewoon padding, etc. maar dat bracht allemaal niet het gewenste resultaat.
Weet iemand hoe ik die padding in IE voor elkaar krijg, zonder tekst te verliezen? Dit is overigens een versimpelde versie van het geheel, zodat ik een duidelijk voorbeeld kon geven. Die tabel staat er omheen omdat er nog veel meer op die pagina staat

p.s. Het probleem met zoeken hier en met google is dat je 1001 voorbeelden over dit soort dingen tegenkomt, maar er telkens net niets aan hebt. Ben ook bij het w3c geweest, maar die css tutorial die ze daar hebben is ook vrij onvolledig en simpel opgezet. Weet iemand misschien ook een site die overal wat dieper op ingaat en daarbij ook uitlegt hoe verschillende browsers er op reageren.

[ Voor 12% gewijzigd door marty op 17-06-2003 02:16 . Reden: typo weggehaald ]

dinsdag 17 juni 2003 08:16

Acties:
  • Willem
  • Registratie: Februari 2001
  • Laatst online: 22:08

Willem

Misschien is je probleem niet zozeer het zoeken met Google, maar het juiste gebruik van CSS. Daarom zou ik zeggen, ga ervoor zorgen dat je helemaal thuis bent in het maken van deze stylesheets en het toepassen daarvan. En tip daarbij is http://www.w3schools.com/css/default.asp

Succes. :)

Motor (of auto) onderhoud bijhouden

Dit topic is gesloten.