DrHolmes fyrir 14 árum Fjöldi lestra: 420

Aðstoð í sambandi við header og div

Er ekki að fatta hvernig maður gerir þetta.

S.s. div tag sem header og láta divann vera jafn breiðann og síðan sjálf án þess að það komi scroll eða eitthvað til að sjá alla síðuna frá vistri til hægri.

Veit ekki hvort þú fattir hvað ég á við.

Eins og á þessari síðu:
http://www.goldschmiede-haarstick.de/

header og footer eru jafnbreiðir og síðan og maður þarf ekki að scrolla til að sjá alla síðuna til hægri.

Þeir verða samsvara browsernum einhvernveginn!

[Notanda eytt] fyrir 14 árum

Þetta ætti að geta komið þér af stað:

<style>

html { width: 100%; height: 100%; overflow: hidden; padding: 0px; margin: 0px; }

body { width: 100%; height: 100%; overflow: hidden; padding: 0px; margin: 0px;}

#header { width: 100%; height: 200px; background-color: #ccc; }

#main { width: 100%; height: 400px; }

#bottom { width: 100%; height: 200px; background-color: #ccc; }

</style>

<div id=“header”>Header</div>

<div id=“main”>Main</div>

<div id=“bottom”>Bottom</div

Fyrra álit

egth fyrir 14 árum

width:100%; er ósköp tilgangslaust þar sem divs eru by default 100% af parentinu

svo er background-color meh þar sem þú getur alveg eins gert background: #lit;

Fyrra álit

[Notanda eytt] fyrir 14 árum

Rétt hvað width: 100%; varðar - en ég er ósammála með backgrund-color, þessi skipun er gerð til þess að nota hana. Í þessu tilfelli er eingöngu um litanotkun að ræða og því rétt að nota skipun sem til þess er gerð.

Hvað iFrame hugmyndina þína varðar hér að neðan þá þarf svo ekki að vera. Hann getur stillt main div-ið þannig að það komi scroll inn í það svo efnið. Svona ef hann vill komast hjá því að nota iframe.

Fyrra álit

egth fyrir 14 árum

Þetta logic hjá þér er frekar fáránlegt.

Skilgreinir þú þá border-width:; border-style:; og border-color:; í stað þess að gera border:;?

Alveg fullt af skipunum í css sem meikar lítið sense að nota, background er einfaldari í notkun þar sem þá ertu ekki kominn með tvær línur ef þú ákveður að setja inn einhverja mynd.

Veit satt best að segja lítið um css möguleikana varðandi scrollbars, hef aldrei og mun sennilega aldrei grúska í því nema ég græði pening á því, fátt jafn pirrandi og scrollbars inní content.

Fyrra álit

[Notanda eytt] fyrir 14 árum

Nei, ég nota border, en ég myndi nota border-color ef ég væri einungis að vinna með litin, sem ég hef reyndar aldrei lent í að gera.

Það sem ég á við að ég nota þessar skipanir í þeim tilfellum þegar og aðeins þegar, ég er bara að skilgreina nákvæmlega þann hlut og þarf ekki á frekari skilgreiningu að halda. - Líklega má flokka þetta undir sérvisku, en ég er sáttur við þessa meginreglu mína ;)

Bætt við 29. nóvember 2010 - 16:11
Og varðandi scroll inni í div-i þá er ég sammála þér með það að fátt er jafn leiðinlegt í vefsíðum, verð reyndar að taka það fram að ég hef séð þetta notað faglega og vel útpælt og það kom skemmtilega út.

Annars er iframe og scroll inni í div eitthvað sem ég hef ekki notað síðan í kringum 2003. Svo ég er dálítið farinn að gleyma í þeim efnum.

Fyrra álit

Contemplative fyrir 13 árum, 11 mánuðum

Er iFrame ekki orðið löngu úrelt? Er ekki bara notað Include núna?

Fyrra álit

[Notanda eytt] fyrir 13 árum, 11 mánuðum

Jú líklega svona almennt, en veit þó um nokkra sérvitringa inn á milli sem enn eru að þrjóskast við að nota iframe. Reyndar er það notað hér á huga t.d. í facebook kubbunum.

Fyrra álit

Contemplative fyrir 13 árum, 11 mánuðum

iFrame hefur reyndar þann kost að þú getur notað það í eigin vafra þó það sé ekki hostað online en þegar ég er að nota Include þarf síðan actually að vera online til að Include virki.

Allavega eins og ég hef upplifað það, getur vel verið að til sé lausn á þessu sem ég veit ekki um.

Fyrra álit

DrHolmes fyrir 14 árum

Ok er s.s. 100% málið? Og maður sér ekki skilin vinstra og hægra megin af div-anum.

p.s. ég vil semsagt að það komi ekki scroll takki það er bara vesen.

Ég er mikið að miða við þessa síðu því einhver vildi fá svona síðu.

Tek það fram að ég er ekki góður í php þar sem þessi síða er gerð í php.

Ef ég skoða kóðann:

<div id="header">
				<div id="nav-header"><ul><li><a class="current" href="index.php?article_id=1">Home</a></li><li><a href="index.php?article_id=133">Schmuck</a></li><li><a href="index.php?article_id=9">Rundgang</a></li><li><a href="index.php?article_id=10">Historie</a></li><li><a href="index.php?article_id=13">Anfahrt</a></li><li><a href="index.php?article_id=11">Kontakt</a></li><li><a href="index.php?article_id=12">Impressum</a></li></ul></div><div id="nav-subheader"><ul><li><a href="index.php?article_id=134">Aktuelles</a></li></ul></div>			</div>

css :

#header {
	position:relative;
	top:0px;
	left:0px;
	height:64px;
	padding:32px 0 16px 96px;
	line-height:32px;
}

Er ekki að fatta þetta, ekki breidd á div a og var að spá hvort position:relative; tengist þessu eitthvað :/

Fyrra álit

egth fyrir 14 árum

Það sem þú vilt er iframe fyrir contentið, ég mæli samt stranglega gegn því, mjöööööööööööööööööööööööög pirrandi að skoða síður sem nota iframes.

Fyrra álit

DrHolmes fyrir 14 árum

Ert þú kannski að tala um þetta? sem iFrame

http://www.goldschmiede-haarstick.de/index.php?article_id=17

Kemur scrolltakki í miðja myndina til að skoða alla síðuna. Það er reyndar mjög pirrandi. Samt ekki að tala um akkúrat það,

Get komið með annað dæmi:
http://tvshack.cc/

header er alveg útí báðar hliðar og ef maður minnkar browser fylgir div inn með.

Fyrra álit

Whoi fyrir 14 árum

body { overflow:hidden; } /* Bad practice, en samt sem áður ekkert scroll */
div#header, div#footer, div#content {
  position:absolute;
  left:0;
  right:0;
}
div#header {
  top:0;
  height:200px;
}
div#footer {
  bottom:0;
  height:200px;
}
div#content {
  top:200px;
  bottom:200px;
  overflow: auto /* Scrollið inní #content divinu, ef það væri hidden væri ekkert scroll */
}

Fyrra álit

Vefsíðugerð

Vefsíðugerð

Ofurhugar

Stjórnendur

Hverjir eru inni

Korkar - Almennt

Aðstoð í sambandi við header og div

Dýr

Dægurmál

Fræði

Leikir

Lífið

Lífsstíll

Margmiðlun

Menning

Skjár

Sport

Tónlist

Tækni

Vélar

Hugi