[FRAMES] Door stuk code blijft er een scrollbalk staan

Pagina: 1
Acties:

  • WiNlUx
  • Registratie: April 2002
  • Laatst online: 12-09-2023
Ik heb een frameset met een menu, content, en header.

Deze frameset ik zo gemaakt dat ie eigenlijk vanaf een resolutie 1024 goed te zien is. Mensen met een 800 resolutie krijgen anders een scrollbalk in het menu. Nu is dit ook juist de bedoeling, alleen door 1 of andere rare code is het niet mogelijk om de van links naar rechts scrollbalk weg te halen. Het gaat dus om dit stukje:

code:
1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


Als ik deze code weghaal dan gaat het goed, alleen gaat ineens de content van het menu aan de linkerkant staan.

Nu heb ik dus in de source van mijn menu gekeken, en ik zie daar helemaal niks geks. Maar als ik de tabellen aan de linker kant van de pagina wilt hebben komen ze naast elkaar te staan :?

Dit is het stukke code van het menu. Maak er maar eens voor de gein een html van en zie dat ze van links naar rechts op een rij staan ipv boven naar onder :? :

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
  <table width="170" border="0" align="left" cellpadding="0" cellspacing="0" class="menu">
    <tr>
      <td colspan="3">[img]"images/algemeen.gif"[/img]</td>
    </tr>
    <tr>
      <td width="6">&nbsp;</td>
      <td width="11">&nbsp;</td>
      <td width="126"><a href="frameset.php?page=overasterius" target="_parent"><strong>Over Asterius </strong></a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td><a href="#">Afdelingen</a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td><a href="#">Lidmaatschap</a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td><a href="#">Instrumenten</a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td><a href="#">Uniformen</a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td><a href="#">Aansprakelijkheid</a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td><a href="#">Bestuurssamenstelling</a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td><a href="frameset.php?page=dirigenten" target="_parent">Dirigenten</a></td>
    </tr>
</table>
  <br>
  <table width="170" border="0" align="left" cellpadding="0" cellspacing="0" class="menu">
    <tr>
      <td colspan="3">[img]"images/specials.gif"[/img]</td>
    </tr>
    <tr>
      <td width="6">&nbsp;</td>
      <td width="11">&nbsp;</td>
      <td width="126"><em><a href="#"><strong>Loes in Aruba!</strong></a> </em></td>
    </tr>
  </table>
  <br>
  <table width="134" border="0" align="left" cellpadding="0" cellspacing="0" class="menu">
    <tr>
      <td colspan="3">[img]"images/contact.gif"[/img]</td>
    </tr>
    <tr>
      <td width="7">&nbsp;</td>
      <td width="13">&nbsp;</td>
      <td width="112"><a href="#">Contactgegevens</a></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td><a href="#">Routebeschrijving</a></td>
    </tr>
</table>


Wie o wie kan mij uitleggen hoe ik dus die menu's in deze code van boven naar onderen kan krijgen. Als dat lukt, kan ik die scroll gedoe zelf makkelijk oplossen ;) .

  • CH4OS
  • Registratie: April 2002
  • Niet online

CH4OS

It's a kind of magic

Je gebruikt voor je frameset ook de verkeerde doctype...
HTML:
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Deze moet je hebben

En de doctype moet je alleen in je index / eerste pagina declareren...

[ Voor 23% gewijzigd door CH4OS op 09-04-2004 20:45 ]


  • WiNlUx
  • Registratie: April 2002
  • Laatst online: 12-09-2023
GJ-tje schreef op 09 april 2004 @ 20:43:
Je gebruikt voor je frameset ook de verkeerde doctype...
HTML:
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Deze moet je hebben

En de doctype moet je alleen in je index / eerste pagina declareren...
In HTML code ben ik redleijk thuis, maar die snapte ik nog niet. Zijn daar speciale doctypes die hji aanroept om goed met frames te kunnen werken?

Je ziet hieronder wat ik nog bedoel met die scrollbalken:

Afbeeldingslocatie: http://huib.meidoornlaan.net/tweakers/scrollbalken.jpg

Ik wil die onderste wegkrijgen, en dat zit hem gewoon die bovenste stukcode. (niet de frameset doctype, maar die ene loose).

[ Voor 23% gewijzigd door WiNlUx op 09-04-2004 20:54 ]


  • CH4OS
  • Registratie: April 2002
  • Niet online

CH4OS

It's a kind of magic

Dat is een speciale doctype, voor framesets... Die hoef je dan ook alleen op de eerste pagina op te vragen, dat verklaard ook gelijk je horizontale scrollbar...
Die verdwijnt als de doctype niet in de pagina voor de desbetreffende frame staat
doctype's 'horen' dus alleen in je aller eerste pagina op een webpagina

Heb me zelf er ook al vaak zat aan gesneden ;)

Edit:
Je hebt (denk ik) in de HTML voor die frame, een doctype staan, als je die weghaalt is de scrollbar ook weg...

[ Voor 41% gewijzigd door CH4OS op 09-04-2004 21:00 ]


Verwijderd

:) Wat een onzin. De pagina waar je je frameset definieert heeft uiteraard de frameset DTD nodig. De andere pagina's een transitional (aangezien je TARGET wilt gebruiken) DTD.

IE heeft gewoon een bugje, dat is alles. Door een SGML/HTML comment boven de DOCTYPE te zetten verhelp je dat probleem.

  • CH4OS
  • Registratie: April 2002
  • Niet online

CH4OS

It's a kind of magic

Verwijderd schreef op 09 april 2004 @ 20:59:
:) Wat een onzin. De pagina waar je je frameset definieert heeft uiteraard de frameset DTD nodig. De andere pagina's een transitional (aangezien je TARGET wilt gebruiken) DTD.

IE heeft gewoon een bugje, dat is alles. Door een SGML/HTML comment boven de DOCTYPE te zetten verhelp je dat probleem.
Waarom moet dat bij een iframe dan wel?

En als je er een comment boven zet, kan het toch de pagina niet goed meer valideren? :?

En een kleine offtopic vraag, maar zit er al heel lang mee...
Wanneer heb je welke doctype nodig? :?

[ Voor 22% gewijzigd door CH4OS op 09-04-2004 21:13 ]


  • davhor
  • Registratie: Mei 2003
  • Laatst online: 02-12-2025

davhor

www.fon.com

Zet voor de </head> het volgende:

code:
1
2
3
<style>
body{overflow-x: hidden;}
</style>

FON - WiFi for Everyone | Flickr


  • WiNlUx
  • Registratie: April 2002
  • Laatst online: 12-09-2023
Nu heb ik in het menu die code weggehaald, en in de frameset GJ zn code. Nu werkt het goed. Alleen zit ik met een foutje in het menu zelf. Ze staan nu eigenlijk in het center uitgelijnt, maar zodra ik dat links wil uitlijnen komen de tabllen langs elkaar te staan. Ik weet eigenlijk wel zeker dat de html van het menu goed is...

Verwijderd

Waarom moet dat bij een iframe dan wel?
Wat moet met een IFRAME? De pagina waarin het IFRAME element staat heeft _geen_ Frameset DTD en de pagina die het IFRAME elemetn inlaad heeft dat ook niet. Simpelweg omdat er geen FRAMESET gedefinieerd wordt.
En als je er een comment boven zet, kan het toch de pagina niet goed meer valideren? :?
En waar haal je die wijsheid vandaan (klopt niet, je zou net zo goed als je een PI voor de DOCTYPE kunt zetten, maar een comment geeft minder problemen in oudere browsers)?

Verwijderd

@Topicstarter, misschien is het handig om HTML en CSS wat beter te leren? Op http://alistapart.com/ bijvoorbeeld (zie ook Google: "a") of http://htmldog.com/ .

  • WiNlUx
  • Registratie: April 2002
  • Laatst online: 12-09-2023
Verwijderd schreef op 09 april 2004 @ 21:16:
@Topicstarter, misschien is het handig om HTML en CSS wat beter te leren? Op http://alistapart.com/ bijvoorbeeld (zie ook Google: "a") of http://htmldog.com/ .
Ik zit alleen nog met die HTML code van het menu. Maak er maar eens een menu.htm van en zie dat ze naast elkaar staan. dit MAG niet gebeuren.. toch? Ik weet zeker dat die code in mijn topicstart goed is... ;)

  • CH4OS
  • Registratie: April 2002
  • Niet online

CH4OS

It's a kind of magic

Verwijderd schreef op 09 april 2004 @ 21:14:
Wat moet met een IFRAME? De pagina waarin het IFRAME element staat heeft _geen_ Frameset DTD en de pagina die het IFRAME elemetn inlaad heeft dat ook niet. Simpelweg omdat er geen FRAMESET gedefinieerd wordt.
De doctype weglaten, omdat ie anders niet goed weergegeven wordt (met scrollbalken)
En waar haal je die wijsheid vandaan (klopt niet, je zou net zo goed als je een PI voor de DOCTYPE kunt zetten, maar een comment geeft minder problemen in oudere browsers)?
Zei je net zelf...
Verwijderd schreef op 09 april 2004 @ 20:59:
IE heeft gewoon een bugje, dat is alles. Door een SGML/HTML comment boven de DOCTYPE te zetten verhelp je dat probleem.
Dit bedoelde ik net, met comment ;)

  • WiNlUx
  • Registratie: April 2002
  • Laatst online: 12-09-2023
Kijk dit voorbeeld (effe zonder css en pics):

Afbeeldingslocatie: http://huib.meidoornlaan.net/tweakers/menunaastelkaar.jpg

Hoe kan dat dan :? Nogmaals: ik weet echt zeker dat die HTML goed is hoor...

  • Spockz
  • Registratie: Augustus 2003
  • Laatst online: 13-05 23:34

Spockz

Live and Let Live

Hier de CSS

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
.spacer
{ width: 15px;}
.menutitle
{ background-image: url(images/algemeen.gif);}
.menutitle2
{ background-image: url(images/specials.gif);}
.menutitle3
{ background-image: url(images/contact.gif);}
</style>

En hier de code voor het menu. Zo krijg ik ze onderelkaar. Maarjah das niet echt nette code op deze manier. :z

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<table width="170" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menutitle">Algemeen</td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="spacer">&nbsp;</td>
    <td>Over Asterius </td>
  </tr>
  <tr>
    <td class="spacer">&nbsp;</td>
    <td>Afdelingen</td>
  </tr>
  <tr>
    <td class="spacer">&nbsp;</td>
    <td>Lidmaatschap</td>
  </tr>
  <tr>
    <td class="spacer">&nbsp;</td>
    <td>Instrumenten</td>
  </tr>
  <tr>
    <td class="spacer">&nbsp;</td>
    <td>Uniformen</td>
  </tr>
  <tr>
    <td class="spacer">&nbsp;</td>
    <td>Aansprakelijkheid</td>
  </tr>
  <tr>
    <td class="spacer">&nbsp;</td>
    <td>Bestuurssamenstelling</td>
  </tr>
  <tr>
    <td class="spacer">&nbsp;</td>
    <td>Dirigenten</td>
  </tr>
</table>
</td>
  </tr>
</table><br>
<table width="170" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menutitle2">Specials</td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="spacer">&nbsp;</td>
    <td>Loes in Aruba!</td>
  </tr>
</table>
</td>
  </tr>
</table><br>
<table width="170" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="menutitle3">Contact</td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="spacer">&nbsp;</td>
    <td>Contactgegevens</td>
  </tr>
  <tr>
    <td class="spacer">&nbsp;</td>
    <td>Routebeschrijving</td>
  </tr>
</table>
</td>
  </tr>
</table>

edit: bekijk op: www.spockz.gotdns.com/gottest.htm

[ Voor 65% gewijzigd door Spockz op 18-04-2004 22:16 ]

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

Pagina: 1