poziciovanie a DIV

neopagan · Napísal **neopagan**: 12.11.2006 3:10 | poziciovanie a DIV

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 | poziciovanie a DIV

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 | poziciovanie a DIV

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 | poziciovanie a DIV

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 | poziciovanie a DIV

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 | poziciovanie a DIV

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 | poziciovanie a DIV

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 | poziciovanie a DIV

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 | poziciovanie a DIV

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

xyz · Napísal **xyz**: 26.11.2006 21:20 | poziciovanie a DIV

jj thx dost mi to pomohlo

poziciovanie a DIV

poziciovanie a DIV

Podobné témy

Ako prinútiť jeden div, aby sa ovládal cez druhý div

poziciovanie...

Relativne poziciovanie

poziciovanie vnoreneho divu css

Poziciovanie - akési schodky to robí

načo slúžia tagy <div id="all"> a <div

div

Čudný div

Zatvaratelný div

Ukonceny div

div/pozadie

flexibilny div

Fixed Div

Refresh DIV

vyska div

AJAX a div