HTML: iFrame probleem

[davidk]

Ik heb een kleine site gemaakt waarop een lijst te vinden is met al mn platen op.. en waar ook foto's ervan zouden op geplaats worden maar ik zit met een probleem:

(het is zeer amateuristisch, ken er amper iets van.)

hier is de site.

het probleem is dus, als ik hem open krijg ik soms meteen al in de iframe gewoon mn HTML code te zien ipv een pagina. Wanneer ik dan vernieuw krijg ik dan weer wel mn pagina. Als ik dan mn link naar pictures volg, ook weer HTML code, tot ik vernieuw.
Dit is met mn apple Safari browser.. wanneer ik hem met Firefox open, geen code gedoe op het eerste zicht, maar als ik een link volg opent hij deze niet in de iframe.

iemand die weet waar het probleem zit?

[janlaureys9]

Is het de nieuwe Safari ?

[davidk]

jep de nieuwe.. maar dan nog, in firefox geeft hij ook een probleem.
En ik heb Mac OS X, geen windows.

Geeft de site bij jullie ook deze fouten?

[davidk]

Of leg mij eens een manier uit hoe ik dit veel beter kan maken?
Ik wil eigenlijk gewoon ja, zoals het nu is, zo'n kader in midden en daaronder mn links..
maar tegenwoordig werkt niemand meer met frames dus leg me eens uit hoe ik dat best zou doen?

Ik heb Dreamweaver 8 staan.

[Mithrandix]

Je maakt een div met bv id="scroll"

in je css staat dan:

#scroll {
	height: 600px;
	width: 800px;
	overflow: auto;
}

[Xavez]

Denk dat je bij je iframe nog name="iframe1" moet toevoegen. Ik weet het feitelijk niet heel goed, want ik werk nooit met frames =].

/edit: of gelijk hierboven gezegd wordt natuurlijk. Dan moet je natuurlijk wel rekening houden met het feit dat je volledige pagina's gaat moeten maken.

[davidk]

mja, ik heb enkel nog ervaring met HTML.
Ik zal dus maar wat CSS tutorials zoeken dan?

[Xavez]

De sticky, of meer specifiek: http://w3schools.com zijn zeker een goed begin.

[davidk]

jep, die site staat hier al wel even in mn favorieten..
alvast bedankt voor de replys.

[davidk]

hmm ik begrijp het een beetje, maar ik zie niet meteen een tag waarmee ik een veld kan maken waar dan mn hele lijst in komt waar je zo door kan scrollen.
of moet dit met een table ofzo?

[breez]

ge maakt een div aan met een bepaalde breedte en hoogte, ge geeft die div een ID of een class en op die id of class zet je een "overflow:auto"

(zie post van Mithrandix)

[davidk]

de css begint een klein beetje te lukken, maar hoe krijg ik in mijn "div" een andere achtergrond?
en hoe centreer ik hem?

zo ziet het er nu uit: klik
en de css zo: klik

(en vreemd, als ik de link volg van mn site krijg ik in safari weeral de broncode te zien.. en als ik vernieuw is het weer inorde).

[Mithrandix]

In je #scroll zet je

margin: 0 auto; (centreerd; links & rechts worden automatisch aangepast zodat je scherm mooi in het midden komt)
background: #ffffff; (hetgeen je wil natuurlijk #fff = wit)

[davidk]

aha, zo simpel was het dus..
bedankt Mithrandix

[davidk]

hmm dat margin gedoe werkt niet.. ofwel doe ik iets mis (wat wrs het geval is).
of moet ik zowel de top/right/left/bottom margin aanpassen ofzo?

edit: in firefox dus wel..
wat voor kutgedoe is dat met die safari hier man