Diskuze: Automatická výška stránky

samo007

Tvůrce

samo007:11.10.2012 19:47

Ahoj, potrebujem pomoc. Ako môžem nastaviť, aby sa výška menu, obsahu a druhého bočného menu prispôsobovala spolu so stránkou?
Dávam tu aj zdroj, o ktorý ide. Nemám ho upravený, a preto prosím nehodnoďte jeho úpravu. Nechce sa mi to už upravovať. Stránka je v hroznom stave a ja si s tým neviem dať rady Po dokončení návrhu vytvorím externé CSS.

web: http://www.kestaremesto.grkatke.sk/?blue

Prosím komenty len k danej téme

šablóna:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
    <meta http-equiv="Content-language" content="sk">
    <meta name="description" content="Gréckokatolícka cirkev farnosť Košice - Staré Mesto">
    <meta name="keywords" content="Moyzesova 40, Moyzesova 42, katedrála, cerkov, cerkev, cirkev, liturgia, gréckokatolícke bohoslužby, Košice - Staré Mesto, farnosť">
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Gréckokatolícka Cirkev: Farnosť Košice</title>
    <link rel="stylesheet" href="/public/sablona/blue.css" type="text/css" media="screen" charset="utf-8">
<!-- background-color:#b0d0ff; -->

</head>
<body class="telo">

<!-- POZADIE -->

<!-- /POZADIE -->

<div class="obsah" float="left">
<?php $this->includeSnippet('Blue')?>

</div>
<div class="hlavicka-stopa" align="right; z-index: -2" float="right"></div>
<div class="pata-stopa" align="right; z-index: -2" float="right"></div>
</body>
</html>

Výstrižok Blue:

<!-- HLAVICKA -->
<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/hlavicka.png') top center no-repeat; position: absolute; width:1024px; top: 0px; height: 290px; left: 0px"><br></div>
<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/hlavicka-stopa.png') top center repeat-x; position: absolute; width: 5%; top: 0px; height: 290px; left: 1024px"><br></div>


<!-- /HLAVICKA -->

<div style="position: absolute; width: 1024px; top: 0px; left: 0px">
<div style="position: absolute; width: 1024px; top: 0px; left: 0px">


<!-- MENU 1 -->

<div align="left" style="margin-top: 5px; position: relative; width: 245px; top: 245px; left: auto">

<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/menu.png') top left no-repeat; position: absolute; width: 245px; height: 241px; top: 0px; left:0px;"><br><br><br><br><br><br><h3 valign="bottom" align="center">MENU</h3>
</div>

<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/menu-stopa.png') top left repeat-y; position: relative; width: 245px; top: 177px; left: 0px">

<?php $this->includeSnippet('lave-menu')?>

<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/menu-bottom.png') top left no-repeat; position: relative; width: 245px; height: 15px; top: 2px; left:0px;">
</div>

</div>

</div>

<!-- /MENU -->


<!-- OBSAH -->

<div align="left" style="background-color: #ffffff; border: 2px solid #3570d0; margin: 5px; padding: 5px; position: relative; width: 512px; min-height: 700px; top: -162px; left: 245px">

<h2 style="color: #000070"><?php echo $this->title() ?></h2>
      <?php echo $this->content() ?>

      <div style="valign:bottom; color: #4080ad">


<a href="/?uvod">Úvod</a>
&#8226;
<a href="/?historia">Z histórie</a>
&#8226;
<a href="/?dvojtyzdennik">Dvojtýždenník</a>
&#8226;
<a href="/?kontakt">Kontakt</a>
&#8226;
<a href="/?aktuality">Aktuality</a>
&#8226;
<a href="/?kancelaria">Farská kancelária</a>
&#8226;
<a href="/?aktivity">Aktivity</a>
&#8226;
<a href="/?fotogaleria">Fotogaléria</a>


</div>

</div>

<!-- /OBSAH -->

</div>


<!-- MENU 2 -->

<div style="margin-top: 5px; position: relative; width: 245px; top: 245px; left: 780px">


<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/menu.png') top left no-repeat; position: relative; width: 295px; height: 213px; top: 0px; left: 0px"></div>

<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/menu-stopa.png') top left repeat-y; position: relative; width: 295px; top: -36px; left: 0px">


<br><br>

<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/menu-bottom.png') top left no-repeat; position: relative; width: 295px; height: 15px; top: 2px; left:0px;">

</div>

</div>

</div>

</div>

<!-- /MENU 2 -->

</div>
</div>

<!-- PATA -->

<div align="center" style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/pata.png') top center no-repeat; position: relative; width:1024px; top: 0px; height: 77px; left: 0px" valign="bottom"><br></div>
<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/pata-stopa.png') bottom center repeat-x; position: relative; width: 5%; top: 0px; height: 77px; left: 1024px"><br></div>

Odpovědět

11.10.2012 19:47

Kit

Tvůrce

Kit:11.10.2012 20:08

Nedávej šířku menu v jednotkách px, ale em.

Oprav si DOCTYPE. Má tam být jen

<!DOCTYPE html>

Menu dělej zásadně v ul, tedy jako nečíslovaný seznam. V CSS se to dá krásně vyladit do potřebné podoby.

Nahoru Odpovědět

11.10.2012 20:08

Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.

samo007

Tvůrce

samo007:11.10.2012 20:42

A to mi umožní meniť veľkosť podľa obsahu a menu súčasne?
Aké jednotky sú em? Raz som o tom čítal, ale neviem ich pomer veľkostí.
V čom mám zmeniť em? V div-och, alebo v texte, či vo všetkom?

Editováno 11.10.2012 20:44

Nahoru Odpovědět

11.10.2012 20:42

Kit

Tvůrce

Kit:11.10.2012 20:46

Jednotka em je šířka písmene "m". Pokud zvětšíš písmo, zvětší se i kolonka.

v em uděláš šířku levého menu a velikost levého okraje textového bloku.

Nahoru Odpovědět

11.10.2012 20:46

Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.

samo007

Tvůrce

samo007:11.10.2012 20:58

Akú "velikost levého okraje textového bloku"? Mne ide o výšku...

Nahoru Odpovědět

11.10.2012 20:58

Kit

Tvůrce

Kit:11.10.2012 21:14

Jak o výšku? Výšku čeho? Výška textu se přece nenastavuje, ta se přizpůsobí vlastnostem prohlížeče.

Nahoru Odpovědět

11.10.2012 21:14

Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.

samo007

Tvůrce

samo007:11.10.2012 21:25

Nie, veď na začiatku som to tu spomínal. Potrebujem, ayb sa mi automaticky menila výška tagov <div> v menu a obsahu podľa množstva textu.

Nahoru Odpovědět

11.10.2012 21:25

Kit

Tvůrce

Kit:11.10.2012 21:31

Však výška se přece nastavuje automaticky, když ji nezadáš.

Nahoru Odpovědět

11.10.2012 21:31

Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.

samo007

Tvůrce

samo007:11.10.2012 22:03

Áno, a práve v tom je ten problém. Ja chcem aby výška menu = menu2 = obsah článku.
Chápeš?

Nahoru Odpovědět

11.10.2012 22:03

Kit

Tvůrce

Kit:11.10.2012 22:22

Tak si zkus tohle:

<div style="background-color:yellow;border:3px solid red">

<div style="float:left;width:10em;border:1px solid black">
Tady bude menu
</div>

<div style="margin-left:10em;border:1px solid blue">
Tady bude text
</div>

<br clear="all"> Bez toho to fungovat nebude.

</div>

Až si to vyzkoušíš, tak dáš rámečky pryč.

Nahoru Odpovědět

11.10.2012 22:22

Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.

albertpatera

Tvůrce

albertpatera:11.10.2012 22:23

já mám taky takovej problém, ale trochu jinej...aby se mi na stránce zobrazoval text, ale aby ten text pohranicenej.....díky moc za odpoved

Nahoru Odpovědět

11.10.2012 22:23

matesax

Tvůrce

matesax:12.10.2012 5:41

border: 1px solid;?

Nahoru Odpovědět

12.10.2012 5:41

samo007

Tvůrce

samo007:12.10.2012 5:59

ďakujem. Presne to som potreboval.

Nahoru Odpovědět

12.10.2012 5:59

Kit

Tvůrce

Kit:12.10.2012 6:24

Aha. Značku br k jiným účelům nepoužívám a nenapadlo mě, že zrovna tohle bude ta situace, kdy ji skutečně budeš potřebovat.

Nahoru Odpovědět

12.10.2012 6:24

Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.

samo007

Tvůrce

samo007:12.10.2012 14:02

Nahoru Odpovědět

12.10.2012 14:02

samo007

Tvůrce

samo007:12.10.2012 17:11

No moment. Skúšam to, ale nefunguje mi ten br.

Nahoru Odpovědět

12.10.2012 17:11

Kit

Tvůrce

Kit:12.10.2012 18:07

Tak jsi udělal něco jinak. Ten atribut tam musí být a musí to být v divu.

Nahoru Odpovědět

12.10.2012 18:07

Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.

samo007

Tvůrce

samo007:12.10.2012 19:42

Skôr by som asi potreboval vedieť, ako môžem zapisovať výšku stránky do premennej v PHP?

Nahoru Odpovědět

12.10.2012 19:42

Kit

Tvůrce

Kit:12.10.2012 20:00

S PHP to nijak nesouvisí. S výškou stránky se nikde nepracuje.

Editováno 12.10.2012 20:01

Nahoru Odpovědět

12.10.2012 20:00

Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.

samo007

Tvůrce

samo007:12.10.2012 20:09

Mohol by si mi presnejšie teda vysvetliť to clear?
Ja potrebujem aby pravé a ľavé menu boly rovnaké spolu so stredom (obsahom) stránky. Ide tedy o tri stĺpce typu "div".
Ako nastavím, aby mali rovnakú výšku (môžeš to upresniť?)?

Nahoru Odpovědět

12.10.2012 20:09

Kit

Tvůrce

Kit:12.10.2012 20:26

Právě to řeší atribut clear u značky br. Srovnává sousední sloupečky do stejné výšky. Následující bloky jsou vždy níž.

Nahoru Odpovědět

12.10.2012 20:26

Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.

samo007

Tvůrce

samo007:12.10.2012 21:58

Mne to akosi nefunguje. Už som problém nejako vyriešil. Ďakujem za snahu.

Nahoru Odpovědět

12.10.2012 21:58