Toon posts:

[css] Ik snap dit niet, niet opgevuld

Pagina: 1
Acties:

woensdag 5 maart 2003 14:09

Acties:
  • supakeen
  • Registratie: December 2000
  • Laatst online: 09-09-2025

supakeen

Topicstarter
Goedemiddag,

Ik heb deze site:
http://zmn.dinamite.net/development/solman.web/

Met deze source code:
code:
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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title></title>
  <link href="css/style.css" type="text/css" rel="stylesheet">
  <meta http-equiv="content-type" content="text/html; CHARSET=iso-8859-1">
 </head>

 <body>
 <div id="frame">
  <div id="head">
   . header .
  </div>
  <div id="headnav">
   . head navigation .
  </div>
  <div id="text">
   <table id="text">
   <tr>
    <td id="left">
     <div id="left">
      . maintext .
     </div>
    </td>
    <td id="right">
     <div id="right">
      . extra text .
     </div>
    </td>
   </tr>
   </table>
  </div>
  <div id="footnav">
   . foot navigation .
  </div>
 </div>
 </body>
</html>

En de css:
code:
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95

body {
 background-color: #D1E6FF;

 font-family: verdana;
 font-size: 11px;
}
div#frame {
 position: absolute;
 width: 700px;
 height: 450px;
 margin-left: -350px;
 margin-top: -225px;
 left: 50%;
 top: 50%;

 padding: 0px;

 border-style: solid;
 border-width: 1px;
 border-color: #002047;
}
div#head{
 width: 700px;
 height: 100px;

 background-color: #0054BB;

 border-style: solid;
 border-width: 0px;
 border-bottom-width: 1px;
 border-color: #002047;
}
div#headnav {
 width: 700px;
 height: 25px;

 border-style: solid;
 border-width: 0px;
 border-bottom-width: 1px;
 border-color: #002047;

 margin: 0px;
 padding: 0px;
}
div#text {
 width: 700px;
 height: 300px;

 border-style: solid;
 border-width: 0px;
 border-bottom-width: 1px;
 border-color: #002047;

 margin: 0px;
 padding: 0px;
}
div#footnav {
 width: 700px;
 height: 25px;
}
table#text {
 width: 700px;
 height: 300px;

 margin: 0px;
 padding: 0px;

 border-collapse: collapse;

 font-family: verdana;
 font-size: 11px;
}
td#left {
 width: 500px;
}
td#right {
 width: 200px;

 border-style: solid;
 border-width: 0px;
 border-left-width: 1px;
 border-color: #002047;
}
div#left {
 width: 500px;
 height: 300px;

 overflow: scroll;
}
div#right {
 width: 200px;
 height: 300px;

 overflow: scroll;
}

Als je deze site bekijkt in IE6.0 zie je dat de rechterkant van de header en de 2 borders daaronder niet kloppen?
Ik heb al geklooid met de width en borders van die elementen ook border-collapse: collapse en het weghalen van de enters in de divjes helpt niet.

Misschien is er iemand die het wel kan beredeneren of de fout kent?

misschien beetje veel code, maar als ik hem onvolledig plaatst helpt dat ook niet veel :X

In mozilla werkt dit overigens perfect.

Alvast heel erg bedankt :)

[ Voor 12% gewijzigd door supakeen op 05-03-2003 14:13 ]

woensdag 5 maart 2003 14:11

Acties:
  • E-Mile
  • Registratie: Juni 2002
  • Laatst online: 07-02 00:57

E-Mile

Danteezy!

Heb je deze code al door de W3C CSS validator gegooid?

AxidanT<<Check't voor fijne muziek! (Als je van house houdt dan)

woensdag 5 maart 2003 14:14

Acties:
  • supakeen
  • Registratie: December 2000
  • Laatst online: 09-09-2025

supakeen

Topicstarter
Ja de enige foutmeldingen die ik krijg zijn van een ander gedeelte van de site en zal ik er nu even proberen uit te krijgen:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

Line 18, column 14: ID "TEXT" already defined (explain...). 
     <table id="text">
                ^
Line 17, column 11: ID "TEXT" first defined here (explain...). 
    <div id="text">
             ^
Line 21, column 14: ID "LEFT" already defined (explain...). 
       <div id="left">
                ^
Line 20, column 12: ID "LEFT" first defined here (explain...). 
      <td id="left">
              ^
Line 26, column 14: ID "RIGHT" already defined (explain...). 
       <div id="right">
                ^
Line 25, column 12: ID "RIGHT" first defined here (explain...). 
      <td id="right">

:?

woensdag 5 maart 2003 14:15

Acties:
  • E-Mile
  • Registratie: Juni 2002
  • Laatst online: 07-02 00:57

E-Mile

Danteezy!

zmn schreef op 05 March 2003 @ 14:14:
Ja de enige foutmeldingen die ik krijg zijn van een ander gedeelte van de site en zal ik er nu even proberen uit te krijgen:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

Line 18, column 14: ID "TEXT" already defined (explain...). 
     <table id="text">
                ^
Line 17, column 11: ID "TEXT" first defined here (explain...). 
    <div id="text">
             ^
Line 21, column 14: ID "LEFT" already defined (explain...). 
       <div id="left">
                ^
Line 20, column 12: ID "LEFT" first defined here (explain...). 
      <td id="left">
              ^
Line 26, column 14: ID "RIGHT" already defined (explain...). 
       <div id="right">
                ^
Line 25, column 12: ID "RIGHT" first defined here (explain...). 
      <td id="right">

:?
Ik heb nu geen tijd om de hele codes door te nemen, maar ik zal vanaaf ff kijken :)

AxidanT<<Check't voor fijne muziek! (Als je van house houdt dan)

woensdag 5 maart 2003 14:16

Acties:
  • supakeen
  • Registratie: December 2000
  • Laatst online: 09-09-2025

supakeen

Topicstarter
E-Mile schreef op 05 March 2003 @ 14:15:
[...]

Ik heb nu geen tijd om de hele codes door te nemen, maar ik zal vanaaf ff kijken :)
Juist, dan zoek ik ook nog even verder.

edit::

Ik heb de site nu als valid HTML 4.01 Transtitional :) ( http://validator.w3.org/c...velopment%2Fsolman.web%2F )

thanx 2 rickets

[ Voor 32% gewijzigd door supakeen op 05-03-2003 14:31 ]

woensdag 5 maart 2003 14:48

Acties:
  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Je scrollbars rekken je #head uit.
Ik heb de relevante width's 20 pixels kleiner gemaakt. Dan is je #head wel goed.
http://www.joeteren.nl/zmn/

Hiermee kan je wel weer even verder stoeien denk ik :)

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.

woensdag 5 maart 2003 14:51

Acties:

Verwijderd

Dit is weer een mooi voorbeeld van verkeerd gebruik van tabellen. Dáár kan de W3C validator nog niet echt goede meldingen over geven, maar dan doe ik het maar:

Introduction to tables
Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should use style sheets to control layout rather than tables.
Het heeft natuurlijk niet veel zin om de site door de W3C validator te halen, als hoe-dan-ook te site niet gaat voldoen aan de W3C idealen. ;)

[ Voor 34% gewijzigd door Verwijderd op 05-03-2003 14:52 ]

woensdag 5 maart 2003 14:51

Acties:
  • supakeen
  • Registratie: December 2000
  • Laatst online: 09-09-2025

supakeen

Topicstarter
Rickets schreef op 05 maart 2003 @ 14:48:
Je scrollbars rekken je #head uit.
Ik heb de relevante width's 20 pixels kleiner gemaakt. Dan is je #head wel goed.
http://www.joeteren.nl/zmn/

Hiermee kan je wel weer even verder stoeien denk ik :)
Hier ga ik inderdaad even mee spelen :)

Genoeg gespeeld, ik heb nu precies de goede waarden :) Heel erg bedankt.

En even @ Cheatah, is dit dan ook op te lossen met alleen maar divjes(zonder position absolute)? Dit is nu namelijk wel totaal cross-browser compatible :)

[ Voor 27% gewijzigd door supakeen op 05-03-2003 14:55 ]

Pagina: 1
Reageer