» Poradna » Počítačové sítě

CSS pozicování

Odpovědět  |  Zobrazit bez stromu  |  Upozornit redakci  |  nových odpovědí: 17/17
 |   |  Microsoft Windows 7 Firefox 15.0  |  [176.12.115.---]

Zdravím, zkouším dělat webové stránky a narazil jsme na problém s pozicováním. Pomocí CSS to napozicuju přesně jak potřebuju, nahraju na web a vypadá to pěkně, jsem spokojen. Jenomže když se na to koukně někdo jiný, s jiným rozlišením displaye než mám já, tak to vidí rozházené. Jinak řečeno, pozicuju si to pro svoje rozlišení, ne pro ostatní.Jak to udělat, aby to viděl každý stejně? Aby nezáleželo na rozlišení displaye...ukázka css: #uvod {position: absolute; width: 116px; height: 40; top: 290px; left: 400px}

Odpovědi na otázku

 |   |  Microsoft Windows 7 Opera 9.80  |  [77.78.69.---]

nepoužívat position: absolute. Používat float: (left, right..), obalovat do zvláštních divů atd...na netu je dost návodů jak udělat css šablony (2sloupce, 3sloupce, roztáhnuté přes celou obrazovku nezávisle na rozlišení...)

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP Firefox 15.0  |  [89.173.153.---]

vsetko si to zabal este do jedneoh divu, nazvime ho #web, ktory bude mat ccs margin:0px auto;width:YY px;s tym, ze si nastav kolko chces PX, ale aby sa stranka zmestila bez horizontalneho skrolovania aj na rozlisenie 1024 v pohode, neodporucam viac ako 960px;

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 15.0  |  [176.12.115.---]

Teď tě nějak nechápu, můžeš příklad?

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP Firefox 15.0  |  [89.173.153.---]

<html><body><div id="site" style="width:960px;margin:0px auto;"><div id="header" style="background-color:red;">Hlavicka</div><div id="menu" style="background-color:blue;">Menu</div><div id="menu" style="background-color:green;">Obsah</div><div id="menu" style="background-color:yellow">Paticka</div></div></body></html>

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 15.0  |  [176.12.115.---]

Tak jsem to zkusil a nezměnilo se nic

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP Firefox 15.0  |  [89.173.153.---]

tak to robis daco zle. henten kod som si skopiroval do notepadu, ulozil ako html.spustil a urobilo to presne to co ma. stranku sirku 960px, ktora sa zarovnava na stred.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 15.0  |  [176.12.115.---]

Přidal jsem do svého kodu tento řádek: <div id="site" style="width:960px;margin:0px auto;">(celé je to v tomhle jednom divu), nahrál na web a stále to vidim ve svém rozlišení rozházené.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP Firefox 15.0  |  [89.173.153.---]

daj linkl na ten tvoj kod.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 15.0  |  [176.12.115.---]

Tak asi to funguje, ale teď mi jde o to menu. Ty 4 tlačítka aby byly uprostřed pro každé rozlišenízde link: http://www.knaritchik.ic.cz/

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 15.0  |  [212.20.110.---]

Vyřešeno, díky

Souhlasím  |  Nesouhlasím  |  Odpovědět
 | Microsoft Windows 7 Chrome 23.0.1251.2

www.jakpsatweb.cz

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 15.0  |  [176.12.115.---]

Tam hledam jako první...

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Chrome 21.0.1180.83  |  [188.120.212.---]

obal celý obsah body do divu<body><div style="width:1920px"></div></body>místo 1920 si dej svoji šířku monitoru

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 15.0

Souvisí s tématem:Jde nějak udělat, aby obsah stránky (asi nějaký zabalující div) zabíral na šířku třeba 90 % obrazovky, ale ne víc než 900 px, aby se zbytečně neroztahoval přes Full HD monitory?

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP Firefox 6.0  |  [93.190.57.---]

CSS: max-width

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP Firefox 6.0  |  [93.190.57.---]

Jo, ale u IE nefunguje v quirk-mode

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 15.0

Dík :)

Souhlasím  |  Nesouhlasím  |  Odpovědět



Určitě si přečtěte


Tesla chce změnit nákladní dopravu. Její elektrický náklaďák má ohromující parametry

Tesla chce změnit nákladní dopravu. Její elektrický náklaďák má ohromující parametry

** Tesla představila elektrický kamion ** Má obdivuhodný výkon i dojezd ** Prodávat by se měl už za dva roky

17.  11.  2017 | Vojtěch Malý | 204

Elektronika, která nepotřebuje kabel ani baterii. Živí se rádiovým šumem

Elektronika, která nepotřebuje kabel ani baterii. Živí se rádiovým šumem

** Každá elektrická krabička má konektor pro napájení nebo baterii ** Jenže pozor, jednou by to tak nemuselo být ** Drobná elektronika se může živit rádiovými vlnami

14.  11.  2017 | Jakub Čížek | 15

Nejlepší notebooky do 10 tisíc, které si teď můžete koupit

Nejlepší notebooky do 10 tisíc, které si teď můžete koupit

** I pod hranicí desíti tisíc korun existují dobře použitelné notebooky ** Mohou plnit roli pracovního stroje i zařízení pro zábavu ** Nejlevnější použitelný notebook koupíte za pět a půl tisíce

16.  11.  2017 | Stanislav Janů | 53


Aktuální číslo časopisu Computer

Otestovali jsme 5 HDR 4K televizorů

Jak natáčet video zrcadlovkou

Vytvořte si chytrou domácnost

Radíme s koupí počítačového zdroje