poziciovanie a DIV

neopagan · Napísal **neopagan**: 12.11.2006 3:10

Mam problem s poziciovanim CSS pri funkcii DIV. Tu je moj priklad:

<style>

#main {position: absolute; width: 500px; height: 675px; top: 135px; left: 325px; background-color: black }

#hlavicka {position: absolute; width: 500px; height: 120px; top: 10px; left: 325px; background-color: yellow}

#lavy {position: absolute; width: 150px; height: 800px; top: 10px; left: 170px; background-color: blue }

</style>

Cize stranka pozostava z 3 casti. Problem je vzdialenost od laveho kraja /left:325px/. Na mojom monitore /15"/ je to v pohode, je to v strede, ale na vacsom monitore sa obsah stranky posunie dolava, kedze hodnota left je nastavena napevno - cize stale bude tych 325px zlava. Vedeli by ste mi prosim poradit, ako to vyriesit? Proste by som chcel mat obsah stranky v strede pri vsetkych rozliseniach. Pomocou TABLE by nebol problem, ale pri DIV neviem. Diky moc!

itsgoingd · Napísal **itsgoingd**: 12.11.2006 11:41

cele to das do jedneho divu

Kód:

#page {
width:500px; /* sirka celeho obsahu */
margin:0 auto 0 auto; /* automaticke okraje na bokoch (podla rozlisenia) */ }

niesom si isty ci sa to neda dat priamo na html alebo body

eros · Napísal **eros**: 12.11.2006 12:10

da sa to nejak takto : html

Kód:

<body>
   <div id="hlavny_div">
   <!-- tu bude v podstate cela stranka -->
   </div>
</body>

a nejak takto bude vizreta CSS

Kód:

#hlavny_div {
   margin-left: -325px;  /*psunutie o polovicu sirky div-u*/
   position: absolute;
   left: 50%;   /* umiestnenie v strede obrazovky*/
   width: 650px
   }

neopagan · Napísal autor témy **neopagan**: 12.11.2006 18:41

No použil som šírku v percentách, vyzerá to, že to tak pôjde. Takže díky.

Vyskytol sa mi však ďalší problém, ktorý sme tu už niekedy dávno riešili, ale akosi mi to dodnes nefungovalo, tak sa pýtam znova.

Mám jednoduchú štruktúru stránky spravenú DIV-om. Bude zložená z 3 častí: ľavé menu, hore hlavička, pod ňou hlavný obsah. Chcel by som, aby po kliknutí na odkaz v ľavom menu sa nová stránka otvorila v DIVe vpravo /kde má byť hlavný obsah/. Pri TABLE alebo IFRAMES je to bez problémov, tam keď definujem NAME=niečo a potom dám TARGET=niečo, tak mi to v tom rámci otvorí, lenže u DIV to tak nefunguje. Mám tam ID=niečo a potom TARGET=niečo, ale nejde to tak. Vedeli by ste mi prosím poradiť?

Ďakujem!

Tu je príklad :

http://www.metalcovers.ic.cz/skuska.html

itsgoingd · Napísal **itsgoingd**: 12.11.2006 19:23

pouzi php

v dive main

Kód:

<?php
 if (file_exists($_GET['page'].".html"))
   { include($_GET['page'].".html"); }
?>

potom odkaz v tvare index.php?page=kontakt zobrazi v dive main obsah suboru kontakt.html

neopagan · Napísal autor témy **neopagan**: 13.11.2006 23:02

itsgoingd píše:

pouzi php

v dive main

Kód:

<?php
 if (file_exists($_GET['page'].".html"))
   { include($_GET['page'].".html"); }
?>

potom odkaz v tvare index.php?page=kontakt zobrazi v dive main obsah suboru kontakt.html

Diky moc!!! Velmi si mi pomohol. Takto to uz funguje. Este by som sa spytal, ako dosiahnut hned na zaciatku, ked sa stranka nacita, aby v tom dive uz bola nacitana stranka napr. kontakt.html?

itsgoingd · Napísal **itsgoingd**: 14.11.2006 14:25

Kód:

<?php
 if (file_exists($_GET['page'].".html"))
   { include($_GET['page'].".html"); }
 else { include("kontakt.html"); }
?>

neopagan · Napísal autor témy **neopagan**: 22.11.2006 13:31

Mockrat diky, takto to funguje. Avsak zda sa mi, ze nacitava celu stranku so zmenenym obsahom znova , proste nemeni len tu cast v danom dive.

itsgoingd · Napísal **itsgoingd**: 22.11.2006 15:56

jj, nacitava znovu celu stranku, aby nasital iba ten div sa neda..

xyz · Napísal **xyz**: 26.11.2006 21:20

jj thx dost mi to pomohlo

poziciovanie a DIV

Podobné témy