Archief - Hoe met HTML/CSS een frameset nabootsen?

Jive1 · 25 mei 2010

Hey!
Kan men met HTML/CSS een frameset met een boven- en een hoofdframe nabootsen? Om als resultaat op het scherm te zien te krijgen wat men ziet bij een frameset met twee onderelkaar liggende frames.
Iemand zei me dat
#divname{
position:fixed
}
zoiets toelaat, maar ik geluk er niet in om het zelf na te bootsen.
Kan iemand me het geheim daarvan verklappen?
Greetz
Jive1

Curahee Q · 25 mei 2010

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<title>titel</title>

<style type="text/css">
body {
	margin: 0px;
}
div#menuframe {
	position: fixed;
	background: red;
	height: 150px;
	width: 100%;
}
div#content {
	padding-top: 150px;
}
</style>
</head>
<body>
	
<div id="menuframe">
	Hier komt het menu
</div>

<div id="content">
	Hier content
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
</div>

</body>
</html>

Jive1 · 26 mei 2010

Hey!
Goeie morgen allemaal!
Bedankt Qyrahee Q! Dat ziet er fantastisch uit! Dit is, denk ik, wat ik zocht!
Ik zet me er vandaag mee aan het werk, en toon dan wel wat ik ervan maakte ( kan ook morgen zijn....).
Greetz
Jive1

Jive1 · 26 mei 2010

Hey!
Ik denk dat ik het nu wel begin beet te hebben.....
Kijk op Untitled ( op de keuze "Nederlands" klikken om naar de eerste page te gaan ... ) wat ik met de hulp van jullie heb gemaakt.
Bedenking hierbij is dan wel.. natuurlijk! ... Nooit geen frames meer!
Nu nog een beetje fijntunen in mijn html en CSS grondiger leren, en dan zijn we op een hoger nivo aan't komen... haha!
Bedankt allemaal!
Greetz
Jive1

adrianhates · 26 mei 2010

Jive1 zei:
Hey!
Ik denk dat ik het nu wel begin beet te hebben.....
Kijk op Untitled ( op de keuze "Nederlands" klikken om naar de eerste page te gaan ... ) wat ik met de hulp van jullie heb gemaakt.
Bedenking hierbij is dan wel.. natuurlijk! ... Nooit geen frames meer!
Nu nog een beetje fijntunen in mijn html en CSS grondiger leren, en dan zijn we op een hoger nivo aan't komen... haha!
Bedankt allemaal!
Greetz
Jive1

wederom, uw comment lines zijn niet goed afgesloten dude...

Ik heb u dat al 2 keer gezegd. Uw site werkt niet ( in firefox alleszins.., chrome wel omdat die wa slimmer is wss

)

Scrimrage · 26 mei 2010

bij mij werkt da precies wel overal :unsure:

ma tis idd verkeerd

adrianhates · 26 mei 2010

Scrimrage zei:
bij mij werkt da precies wel overal

ma tis idd verkeerd

screenshot: Twitpic - Share photos on Twitter

Jive1 · 26 mei 2010

Hey!
Sorry... Kan kloppen, maar...
Ik ben nog echt wel aan't leren, en ...
Ik zei toch: "....Nu nog een beetje fijntunen in mijn html en CSS grondiger leren, en dan zijn we op een hoger nivo aan't komen...".
Daar ga ik wel aan werken, en dan zal ik er wel komen!
Dat komt nog wel.... haha!
Greetz
Jive1

Jive1 · 27 mei 2010

Goeie middag allemaal!
Wat ik eerst dacht dat niet kon, is dus toch waar geworden.
Met jullie hulp heb ik mijn basis pak website nu aangepast met html/css en dank zij de "position:fixed" mogelijkheden exact kunnen maken wat ik bedoelde te bereiken. Zie Untitled
Bedankt nogmaals!
Mogelijk zitten er nog wel foutjes in, het is de eerste maal dat ik deze methode echt gebruik, maar ik leer wel bij, en nu ik ergens een basis heb zal ik wel stilaan meer bijleren.
Aan Adrianhates wil ik even vragen wat hij bedoelde met " ...uw comment lines zijn niet goed afgesloten dude...", temeer omat hij eraan toevoegde dat hij het al 2 maal gezegd had.
In IE8 werkt het alleszins perfekt naar mijn gevoelen, kan iemand het eens bekijken in Firefox, en me misschien vertellen wat er dan juist fout is. Het begrip "comment lines" daar begreep ik immers niet juist van wat ermee bedoeld werd...
Greetz
Jive1

adrianhates · 27 mei 2010

ipv

Curahee Q · 27 mei 2010

Wist niet dat het zoveel uitmaakte. Mrja, wie zet er ook 3 streepjes als het met 2 al kan

, zoveel mogelijk dingen laten werken met zo weinig mogelijk te typen lijkt mij (Al moet wel alles degelijk en goed werken).

Scrimrage · 27 mei 2010

der is wel meer fout,

 is ook niet correct bv dacht ik,

er staat strict als type, maar kleine validation op de indexpage geeft al meer dan 100 foute

adrianhates · 27 mei 2010

Scrimrage zei:
der is wel meer fout,

 is ook niet correct bv dacht ik,

er staat strict als type, maar kleine validation op de indexpage geeft al meer dan 100 foute

ja maar zoiet werkt ook wel trapsgewijs , of hoe moete da zeggen.. Als ge de eerste oplost kant zijn dat er 50 ander weg zijn ook.

Maar inderdaad, die index pagina met zo weinig code moet gewoon valid zijn

adrianhates · 27 mei 2010

Curahee Q zei:
Wist niet dat het zoveel uitmaakte. Mrja, wie zet er ook 3 streepjes als het met 2 al kan , zoveel mogelijk dingen laten werken met zo weinig mogelijk te typen lijkt mij (Al moet wel alles degelijk en goed werken).

Ja khad ook geen idéé, maar heb het vorige week nog getest..

Curahee Q · 27 mei 2010

Dat is inderdaad niet correct. Waarschijnlijk zal de img- en hr-tag ook niet correct zijn.

Elke tag moet een closing tag hebben. We zien dit bijvoorbeeld bij een url
<a href="https://www.beyondgaming.be/forums...">test</a>

waarbij </a> de closing tag is.

Echter bestaat er niet zoiets als , </img> of </hr>. Om dit nu toch correct te doen gebruik je in de plaats van , <img src="https://www.beyondgaming.be/forums..."> en <hr> de volgende
- 
- <img src="https://www.beyondgaming.be/forums..." />
- <hr />

Maar dit misschien ff terzijde.

Jive1 · 27 mei 2010

Bedoel je dan ook dat er een spatie moet staan voor die / . Dus en niet ?
Het is een kwestie van gewoonte natuurlijk, als men dat eenmaal voorneemt om dat steeds te doen, dat zit het er na een tijd wel goed in.
Maar uit zich dat echt als een fout in een of nadere browser?

Curahee Q · 27 mei 2010

Dat heb ik eigenlijk nooit getest maar ik denk wel dat die daar moet staan. Wat bedoel je met een fout? Of die spatie een fout kan op leveren of het feit dat er geen / zou staan?

 is de syntax van html en is de syntax van xhtml. Aangezien men streeft naar xhtml-valid websites is het dus aangeraden om te gebruiken. Als je gebruikt gaat de w3c validator ook errors geven.

Archief - Hoe met HTML/CSS een frameset nabootsen?

Jive1

Legacy Member

Curahee Q

Legacy Member

Jive1

Legacy Member

Jive1

Legacy Member

adrianhates

Legacy Member

Scrimrage

Legacy Member

adrianhates

Legacy Member

Jive1

Legacy Member

Jive1

Legacy Member

adrianhates

Legacy Member

Curahee Q

Legacy Member

Scrimrage

Legacy Member

adrianhates

Legacy Member

adrianhates

Legacy Member

Curahee Q

Legacy Member

Jive1

Legacy Member

Curahee Q

Legacy Member