Autor Zpráva
dod2
Profil *
takže mám kód asi nějak takto:

<div id=leve-menu>
...
...
</div>

<div id="obsah">
..
..
..
</div>

a chci to vystředit aby to vypadalo takto: http://www.jakpsatweb.cz/priklady/css-position-center.html
jaké parametry a kam mám napsat??

díky..
Aleš Janda
Profil *
Celé to dej do DIVu s nějakou šířkou (nejlépe procentuální) a margin: 0px auto:

div.celastranka {
width: 90%;
margin: 0px auto;
}

...

<div class="celastranka">

<div id=leve-menu>
...
...
</div>

<div id="obsah">
..
..
..
</div>

</div>
dod2
Profil *
nějak to nefunguje.
má na to nějak vliv, že v externím CSS mám napsaný už tohle:

#obsah { position: absolute; width: 500px; top: 30px; left: 180px}
#levy { position: absolute; width: 150px; top: 30px; left: 30px }

a v html souboru potom toto:

<div id=levy>
...
...
</div>

<div id="obsah">
..
..
..
</div>
roberta
Profil
jasne, že má na to vliv, obsah ti vždy začne vykreslovať 30 pixlov zhora a 180 zľava, keď tam máš position:absolute... to zruš a skús sa radšej pohrať s margin, padding
Mingan
Profil
Jinak alespoň dej tomu "celastranka" position: absolute, aby se odpočítávala pozice od něj a ne od okna prohlížeče.
dod2
Profil *
stále mi to nefunguje :-(

můžete mi napsat jednoduchý kód, aby v levém menu byl jeden odkaz a v pravém bloku byla napsaná věta: toto je rada z www.jakpsatweb.cz.

bloky budou centrované na střed, velikost stránky 800*800 a bude to vypadat jako tady:

http://www.jakpsatweb.cz/priklady/css-position-center.html

díky moc....
dod2
Profil *
nikdo mi nepomůže???? :-(((((( please....
Marty
Profil
No popravdě řečeno se už trochu ztrácím co vlastně potřebuješ, pokud chceš jen vycentrovat na střed dvousloupcový layout, tak to už je popsáno výše, viz:

div.celastranka {
width: 750;
text-align: center
margin: 0px auto;
}
div#leve-menu, #obsah {
text-align: left;
}

...

<div class="celastranka">

<div id=leve-menu>
...
...
</div>

<div id="obsah">
..
..
..
</div>

</div>

a mám tušení, že je to popsáno i v nějakém včerejším threadu
bojars
Profil
Marty myslíš tento?

http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=1&topic=63 53&page=0#5
dod2
Profil *
pro upřesnění co mám vlastně na mysli a co potřebujudělat jsem udělal malý obrázek :-) odkaz zde: www.labradorka-anne.com/ukazka.jpg

děkuji za radyy.....
Acci
Profil

<html>
<head>
<title>Dva sloupce</title>
<style>
body {margin:0; padding:0; text-align:center}
#kontejner {width:800px; margin:0 auto; text-align:left}
#menu {float:left; width:50%; background:red}
#obsah {width:50%; background:blue; margin-left:50%}
</style>
</head>
<body>
<div id="kontejner">
<div id="menu">
Menu
</div>
<div id="obsah">
Obsah
</div>
</div>
</body>
</html>
Toto téma je uzamčeno. Odpověď nelze zaslat.