ugrás a tartalomhoz

Fix méretű fejléc és lábléc scrollozható automatikusan méreteződő tartalom CSS vagy bármi segítségével

Qadhafi · 2006. Már. 30. (Cs), 12.42
Sziasztok!

A következő problémába futottam bele. Adott egy fejléc és egy lábléc. Közöttük a tartalom. Az oldal maga ne legyen scrollozható. Idáig minden rendben. Középen a tartalom legyen scrollozható, de a mérete alkalmazkodjon az ablak mérethez, úgy hogy a lábléc mindig az ablak alján maradjon. Egyelőre nem találok megoldást. Vazze. :) Ha valaki tud olyan oldalt ahol ez meg van valósítva, vagy valami CSS layouttolós tutoriálos használható oldalt kérem segítsen! Előre is hála!!! Már azon gondolkodom, hogy leprogramozom valahogy php-vel, vagy javascript -tel, de nem tudom elképzelni, hogy CSS -sel ne lehetne megoldani.
‹ Firefox 1.5 web developer eszkoztar volt-nincs Scriptguru nevelde hogyan? ›
 ■
1

bizony nehéz

Táskai Zsolt · 2006. Már. 30. (Cs), 12.55
mármint szerintem. egyedül és sem bírtam vele. viszont találtam ezt: http://www.themaninblue.com/experiment/footerStickAlt/
jó munkát,
Tasi
2

footerStickAlt

Qadhafi · 2006. Már. 30. (Cs), 13.50
na megnézegettem, konkrétan ezt: http://www.themaninblue.com/experiment/footerStickAlt/good_example_short.htm nem rossz, de nem ez kell. :) van neki a contentMain div -je. Na az volna király, ha ebbe belepakolok rohadt sok mindent, és lenne egy saját görgetője. Mert jelen esetben, az egész ablak kap egy görgetőt, ha sok a cucc, és nem a div. A lábléc meg ugye szépen kivándorol az ablakból.
4

bocs, tényleg

Táskai Zsolt · 2006. Már. 30. (Cs), 13.57
ja igaz, én a saját problémámra adtam választ:) a tied viszont nem olyan vészes, gex meg is oldotta neked;)
Tasi
3

valami hasonlót már csináltam

Anonymous · 2006. Már. 30. (Cs), 13.52
remélem nem tűnik szerénytelenségnek, de próbáld ki ezt:
http://gex.hu/munka/layout6
nem minden tökéletes rajta (sőt, nagyon nem), de ha érdekel a dolog, akkor megcsinálom rendesen.

gex
5

gex

Qadhafi · 2006. Már. 30. (Cs), 15.40
hát ez nagyon ott van!!! :) minden tiszteletem! grat!!! nekem az egész mögött a body -nak van egy rohadt nagy háttérképe, position:top. a fejlécbe be tudom rakni a menümet, meg egy flash animot. a láblécnek viszont átlátszónak kell lennie, mert az ablak méret függvényében a lábléc nem ugyanoda fog esni a nagy háttérképen. Nem tudok oda takarást tenni. Ha meg a footer div -ednek background: none; akkor látszik alatta a tartalom. Ezzel lehet kezdeni valamit?
7

háttértől függ

Anonymous · 2006. Már. 30. (Cs), 15.54
elméletem van rá, de hogy minden böngészőben ugyanúgy jelenik-e meg... próbáld ki! :]
szerintem ha vízszintesen középre, függőlegesen pedig alulra igazítod a háttérképet, akkor ha ugyanezt megismétled a láblécben is, elvileg a képnek ugyanazt a részét fogod látni a lábléc háttereként, mint ha ott az oldal hátterét látnád. és hogy ne mozduljon el a body háttere, fixáld le background-attachment: fixed; -del.

gex
9

gondolkodom

Qadhafi · 2006. Már. 30. (Cs), 16.24
átgondolom, próbálom... a fixálás egyértelmű... alulra nem fixálhatom, mert direkt azért rohadt nagy, 1600x1200, hogy mindig legyen... ha érted mire gondolok. :) az egész lap teljesen meg van rajzolva, rugalmatlan. még csak egy kis repeat-y se lehet. ja és fent szépen bele van rajzolva a menü kerete meg minden, szal, muszály fent fixálnom... őő viszont szerintem az átlátszó láblécet elhagyom teljesen. végülis gyakorlati célja nincs, csak úgy oda gondoltam, hogy ne legalul tünjön el a tartalom.
10

p*csába

Qadhafi · 2006. Már. 31. (P), 20.29
GEX! feldolgoztam a cuccodat! Király volt minden addig, amíg nem kezdtem el gizdázni a szomszádomnak. :) Ez valami hibrid felbontást használ, 1280x960, mert valami hülye képarány így jó szerinte, a lényeg az, valszeg nem emiatt nála elscrollozódik az egész fejléc, amit a te művedre építettem :) Na mindegy, tanulság, igazam van amikor azt mondom hogy semmi soha nincs kész :) Na de most nem foglalkozom vele, mert be vagyok pálinkázva, csak hát mégis érted... :)
11

semmi

Qadhafi · 2006. Ápr. 2. (V), 19.06
jól van én voltam... doctype miatt... minden rendben, téma zárva, köszönöm mégegyszer!
6

ha nem akarsz frame-et

Anonymous · 2006. Már. 30. (Cs), 15.50
Egy ilyenhez mit szólsz? Igaz, IE alatt kell egy kis js támogatás is, mert a position:fixed-et nem ismeri...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  	<title>Header-footer</title>
  	<style type="text/css">
			body,html { width:100%; height:100%; margin:0px; padding:0px; }
			.header{ position:fixed; top:0px; left:0px; background: #c0c0c0; height: 20px; width: 100%; }
			.content{ height:1000px; padding-top: 20px; }
			.footer{ position:fixed; bottom:0px; left:0px; background: #c0c0c0; height: 20px; width: 100%; }
  	</style>
  </head>
  <body>
		<div class="header">Header</div>
		<div class="content">Content</div>
		<div class="footer">Footer</div>
  </body>
</html>
... vagy megoldod frame-ek használatával.
8

ez is tök jó

Qadhafi · 2006. Már. 30. (Cs), 16.14
nagyon tetszik ez is... meghajlok! csak az a rohadt IE ne lenne :) kísérletezek mindkettővel... asszem ma se alszok :)