Toon posts:

Uitlijning frames in Firefox

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik ben een website aan het opmaken met behulp van frames. Top, middle, bottom. Maar nu ziet het er in IE goed uit maar in Firefox is het top frame iets naar rechts verschoven. Iemand een idee hoe dat komt?

URL: http://www.greenspirit.info/nieuw/index_1280.htm

Screenshot IE: http://www.greenspirit.info/nieuw/IE.jpg
Screenshot Firefox http://www.greenspirit.info/nieuw/firefox.jpg

En kan de tabel in het top frame nog hoger uitgelijnd worden?

[ Voor 7% gewijzigd door Verwijderd op 04-12-2004 13:27 ]


  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Waarom deze oplossing in frames (als ik vragen mag). De site zoals je hem nu laat zien is namelijk heel goed op te lossen met behulp van CSS (zoek maar eens op: "CSS 2 columns layout with header footer" ).

  • muba
  • Registratie: April 2002
  • Laatst online: 19-10-2013

muba

Prince of Persia!

Heeft denk ik te maken met de padding of de margin van de body tags in de niet-frameset-html (je gewone htmls dus).

Probeer eens of de margin: of de padding: CSS-element gewoon op 0px te zetten...

Reporter: Mister Gandhi, what do you think of western civilisation?
Gandhi: I think it would be a good idea


Verwijderd

Topicstarter
Ik werk met dreamweaver dus ik heb niet veel verstand van HTML (helaas). Dus MUBA als je de uitleg om wilt zetten in code ben ik je eeuwig dankbaar:-)

Woudloper: Van CSS heb ik helemaal geen verstand maar ik neem het in overweging als jij mij kan vertellen hoe ik eenvoudig het middelste "frame" kan bijwerken.

Verwijderd

Pas dus je body element aan van je html bestand in de top frame: top.htm.

code:
1
<body bgcolor="#666666" style="margin:0px; padding:0px;" onLoad="MM_preloadImage........


Ik hoop dat het zo duidelijk is. Misschien is het een goed idee om eens wat tutorials over HTML en CSS te lezen. Dat voorkomt namelijk dat je in de toekomst zulke vragen hoeft te stellen. Het kost misschien wat tijd om te leren, maar ik denk dat je daar wel uit moet komen... Succes!

  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

Ik weet niet hoe ver je je in de materie wil gaan verdiepen, maar als je iets over css opmaak wilt lezen kan deze site wel handig zijn; www.alistapart.com.

Om het voor elkaar te krijgen in DW zonder gebruik van css editor:
  1. doe rechtermuis-> properties in je top frame en zet de margin en padding op 0
  2. selecteer je tabel en vul in het propererties venster van de tabel 0 in voor margin en padding

Verwijderd

Topicstarter
Jep gelukt!! Bedankt.

Ik zou wel 4 dingen tegelijkertijd willen leren: HTML, JS, CSS en PHP. Maarja de week duurt maar 7 dagen en ik heb het zo weinig nodig. Nogmaals bedankt

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 10-05 18:53

Bosmonster

*zucht*

Nou les 1 in HTML dan, stop met die frames ;)

Verwijderd

Les 2: leer eerst HTML en CSS.

  • muba
  • Registratie: April 2002
  • Laatst online: 19-10-2013

muba

Prince of Persia!

Bosmonster schreef op zaterdag 04 december 2004 @ 14:20:
Nou les 1 in HTML dan, stop met die frames ;)
Wat is er toch mis met frames?
De enige bezwaren die ik zo snel kan vinden, is dat visual impaired er minder blij mee zullen zijn omdat die read out aloud dingetjes en braille-leesregels er niet mee overweg kunnen.
Maar verder zie ik echt geen bezwaar?

Reporter: Mister Gandhi, what do you think of western civilisation?
Gandhi: I think it would be a good idea


  • Civil
  • Registratie: Oktober 2002
  • Laatst online: 19-05 01:42
1). Je kan pagina's niet zonder omwegen te gebruiken direct linken zonder de overige frames kwijt te zijn.
2). Search engines kunnen je site vaak moeilijk indexeren, als mensen op een link klikken komen ze op een pagina zonder de overige frames. (tenzij je die mensen gelijk redirect naar je hoofdframe, maar die hadden ze niet gevraagd).

Als je je daarvan bewust bent en dat niet bezwaarlijk vindt dan is er niet veel dat je in de weg staat frames te gebruiken. Voor mij en vele anderen zijn dat de redenen ze niet te gebruiken :)

  • muba
  • Registratie: April 2002
  • Laatst online: 19-10-2013

muba

Prince of Persia!

@Civil: agreement over here :)
Mja, nee, duidelijk en helder!
Dank je.

@Arno_S: Ja? Alles gaat nu dus goed?

Reporter: Mister Gandhi, what do you think of western civilisation?
Gandhi: I think it would be a good idea


  • nero355
  • Registratie: Februari 2002
  • Laatst online: 22-02 18:06

nero355

ph34r my [WCG] Cows :P

Gaan we nu weer zo'n Topic krijgen ?? : Wat is er mis met frames?

:D

|| Stem op mooiere Topic Search linkjes! :) " || Pi-Hole : Geen advertenties meer voor je hele netwerk! >:) ||


  • muba
  • Registratie: April 2002
  • Laatst online: 19-10-2013

muba

Prince of Persia!

Dat was niet de bedoeling van de vraag :)

Reporter: Mister Gandhi, what do you think of western civilisation?
Gandhi: I think it would be a good idea


  • imp4ct
  • Registratie: November 2003
  • Laatst online: 19-04 22:55
Waarom doe je het eigenlijk met frames. Vrij nutteloos. Maar gewoon 1 tabel. 3 rijen en huppa.
In je laatse rij maak je 2 kolommen, in de 2 rijen erboven ne collspan van 2 en t'is gefixed, niks problemen. Ne raad die ze mij al zolang hebben gegeven "don't work with frames" enne, get back to the code !! Een kant en klare website maken in dreamweaver geeft meer problemen dan je even toe te lichten op HTML & CSS.

Ga hier je licht eens opsteken, heel makkelijke tutorials, tips & tricks.
URL : http://www.sitemasters.be/index.php

Bedrijf : Webtrix

Foto materiaal:
Nikon D7100 | Nikor AF-S DX 18-105mm | Nikor AF-S 50mm | Nikon SB600


  • imp4ct
  • Registratie: November 2003
  • Laatst online: 19-04 22:55
Allé 'k zal m'n goed hart een tonen, na een klein halfuurtje heb ik je site ZONDER frames ff gemaakt. Kijk gewoon goed naar de code, het kan nog veeel korter als je nog meer gebruik zou maken van CSS, maar daar had ik weinig zin toe.

URL : http://users.pandora.be/virtualcreations/GoT/

HTML-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
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Tractorke rijden</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="tracktor.css" type="text/css">
</head>
<body>
  <table cellspacing="0" cellpadding="0" height="650px">
  <tr height="100px" >
    <td colspan="8">[img]"http://users.pandora.be/virtualcreations/GoT/top.jpg"></img></td>
[/img]
  <tr cellspacing="0" height="20px" >
    <td>
      <a href="http://www.greenspirit.info/nieuw/index.htm" target="_blank" alt="">
        [img]"http://users.pandora.be/virtualcreations/GoT/home.gif"></img>
[/img]
    </td>
    <td>
      <a href="http://www.greenspirit.info/nieuw/nieuws.htm" target="_blank" alt="">
        [img]"http://users.pandora.be/virtualcreations/GoT/nieuws.gif"></img>
[/img]
    </td>
    <td>
      <a href="http://www.greenspirit.info/nieuw/team.htm" target="_blank" alt="">
        [img]"http://users.pandora.be/virtualcreations/GoT/team.gif"></img>
[/img]
    </td>
    <td>
      <a href="http://www.greenspirit.info/nieuw/tractor.htm" target="_blank" alt="">
        [img]"http://users.pandora.be/virtualcreations/GoT/tractor.gif"></img>
[/img]
    </td>
    <td>
      <a href="http://www.greenspirit.info/nieuw/geschiedenis.htm" target="_blank" alt="">
        [img]"http://users.pandora.be/virtualcreations/GoT/geschiedenis.gif"></img>
[/img]
    </td>
    <td>
      <a href="http://www.greenspirit.info/nieuw/sponsors.htm" target="_blank" alt="">
        [img]"http://users.pandora.be/virtualcreations/GoT/sponsors.gif"></img>
[/img]
    </td>
    <td>
      <a href="http://www.greenspirit.info/nieuw/gastenboek.htm" target="_blank" alt="">
        [img]"http://users.pandora.be/virtualcreations/GoT/gastenboek.gif"></img>
[/img]
    </td>
    <td>
      <a href="http://www.greenspirit.info/nieuw/contact.htm" target="_blank" alt="">
        [img]"http://users.pandora.be/virtualcreations/GoT/contact.gif"></img>
[/img]
    </td>
  </tr>
  <tr>
    <td width="100px" height="530px" bgcolor="#E2C107" rowspan="3">&nbsp;</td>
    <td colspan="8" width="660px">
      <tr>
        <td width="660px" height="510px" bgcolor="#E0E0E0" colspan="8">&nbsp;</td>
      </tr>
      <tr>
        <td width="660px" height="20px" bgcolor="#B7B7B7" colspan="8">&nbsp;</td>
      </tr>
    </td>   
  </tr>
  </table>
</body>
</html>


CSS-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
39
40
41
42
body {
 background-color: #7B7B7B;
 margin: 0px;
 padding: 0px;
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-right: auto;
 margin-left: auto;
 width: 760px;
}

html {
 min-height: 0;
 margin: 0px;
 padding: 0px;
}

img {
 border: 0px;
 margin: 0px;
 padding: 0px; 
}

a.links:hover {
 color: #9E9E9E;
}

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

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

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


'k Hoop dat je er iets kan uit leren. In Firefox werkt hij perfect, in IE moet je er nog wat aan gaan sleutelen. Daar mag jij jezelf mee bezig houden :).

[ Voor 66% gewijzigd door imp4ct op 05-12-2004 19:24 ]

Bedrijf : Webtrix

Foto materiaal:
Nikon D7100 | Nikor AF-S DX 18-105mm | Nikor AF-S 50mm | Nikon SB600

Pagina: 1