Div lijkt niet goed te sluiten

Pagina: 1
Acties:
  • 300 views

Acties:
  • 0 Henk 'm!

  • jwkempeneers
  • Registratie: September 2007
  • Laatst online: 19-05-2019
Momenteel ben ik bezig met het bouwen van de website www.<spammerdespam>.com. Ik heb echter een probleempje met het uitlijnen van een stukje tekst. De copyright regel hoort onder de div container te staan, maar dat lukt alleen als ik in IE8 de compatibiliteitsweergave inschakel. Zet ik deze uit, dan verschijnt de regel rechts naast de div container.

Ik heb me suf zitten zoeken maar ik kan niet vinden waar het probleem zit. Het lijkt er op dat een div niet goed afgesloten is of iets dergelijks. Toch lijkt dit onwaarschijnlijk omdat ik het hele script heb nagelopen en niets heb gevonden. Wie kan mij verder helpen?

Onderstaand de code:

style.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
body {
    font-family:Calibri;
    font-size:14px;
    color:#ffffff;
    background-image:url("images/bgcolor.jpg");
}

#container {
    border:2px solid #c80503;
    margin-left:auto;
    margin-right:auto;
    width:800px;
}

#header {
    width:800px;
    height:274px;
    background-image:url("images/header2.jpg");
    clear:both;
}

#tekst {
    position: relative;
    float:left;
    padding-left:50px;
    padding-right:50px;
    height:100%;
    width:800px;
    max-width:700px;
    background-color:#ea640d;
}

a:link {
    color:#000000;
    text-decoration:none;
}

a:active {
    color:#000000;
    text-decoration:underline;
}

a:visited {
    color:#000000;
    text-decoration:none;
}

a:hover {
    color:#000000;
    text-decoration:underline;
}

img {
    border:0;
}


index.php
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
    <head>
        <title>Werkgroep Koninginnedag Sint Philipsland</title>
 
        <link rel="stylesheet"  href="style.css" type="text/css" />
        <meta http-equiv="imagetoolbar" content="no" />
        <meta name="keywords" lang="nl" content="koninginnedag, sint philipsland, tholen, philipsland, koning, oranje, april, 30, kunst, van duuren, rianne, judith, diane"/>
 
    </head>
    
 
<div id="container">
 
    <div id="header">
 
    </div>
 
    
    <div id="tekst">
        <p style="text-align:justify">
            <br /><br /><br />
 
<font style="font-weight:Verdana; font-size:18px; color:#ffffff;">Hartelijk welkom op onze website!</font>
 
<table border="0">
<tr>
<td width="325px">
 
Als Werkgroep Koninginnedag Sint Philipsland coördineren wij de diverse activiteiten die tijdens de Koninginnedag op Sint Philipsland georganiseerd worden. Daarnaast organiseren wij zelf verschillende activiteiten die voor iedereen toegankelijk zijn. Ieder jaar proberen wij een gevarieerd programma samen te stellen waar iedere inwoner van kan genieten.
<br /><br />
Rianne Kunst, Judith van Duuren, Diane van Duuren
<br /><br />
</td>
<td width="75px">
</td>
<td>
<br /><br />
<img src="./images/fotohome.jpg" alt=""/>
<br /><br /><br />
</td>
</tr>
</table>
 
 
<br /><br /><br />          
 
 
        </p>
    </div>
 
    </div>
 
<center><font face="Verdana" size="1" color="black"> All rights reserved - &copy 2010 - Werkgroep Koninginnedag - Gesponsord en gerealiseerd door <a style="color: "black"; text-decoration: none;"  a href="http://www.kempeneersmultimedia.nl" target="blank">Kempeneers Multimedia</a> </font></center>
 
</body>
</html>

[ Voor 0% gewijzigd door RobIII op 21-04-2010 14:57 ]


Acties:
  • 0 Henk 'm!

  • d4jo
  • Registratie: Juli 2007
  • Laatst online: 18-09 13:02
<center> tags zijn volgens mij al redelijk verouderd? Ik zou het ook in de div "container" zetten dan komt het er zeker onder te staan.
Zo vind ik het sowieso niet netjes met die center tags eronder.

Acties:
  • 0 Henk 'm!

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 18-09 16:28

Bosmonster

*zucht*

XHTML strict, maar dan wel tables voor opmaak, center en font-tags...

Wat betreft je probleem. Clear die 'center' (dacht niet dat ik dat ooit nog eens zou zeggen :+)

[ Voor 3% gewijzigd door Bosmonster op 21-04-2010 14:55 ]


Acties:
  • 0 Henk 'm!

Verwijderd

code:
1
<div style="clear:both;"><center><font face="Verdana" size="1" color="black"> All rights reserved - &copy 2010 - Werkgroep Koninginnedag - Gesponsord en gerealiseerd door <a style="color: "black"; text-decoration: none;"  a href="http://www.kempeneersmultimedia.nl" target="blank">Kempeneers Multimedia</a> </font></center></div>


En als je er dit van maakt?

edit: te sloom ;p

Acties:
  • 0 Henk 'm!

  • MueR
  • Registratie: Januari 2004
  • Laatst online: 09:07

MueR

Admin Tweakers Discord

is niet lief

Je probleem is meer dat je hele HTML van geen kant klopt. Zo mis ik de <body> tag. Met een fatsoenlijke editor met tag matching/highlighting had je dit makkelijk gezien. Verder zoals eerder aangegeven gebruik je een hoop deprecated meuk. Dat alles zorgt er voor dat quirksmode getriggerd wordt. Het is een wonder dat het er uberhaupt redelijk uitziet.

Dit is mij te veel Kan iemand even .. ? en dus gaat er sluitwerk op.

Anyone who gets in between me and my morning coffee should be insecure.


Dit topic is gesloten.