» 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


Genetika a příjmení: Unikátní možnost získat test Y-DNA zdarma a dozvědět se o svých předcích

Genetika a příjmení: Unikátní možnost získat test Y-DNA zdarma a dozvědět se o svých předcích

** Projekt Genetika a příjmení hledá shody mezi osobami se stejným příjmením ** Využívá k tomu testování DNA na chromozomu Y ** Výsledky testu můžete účastí v projektu získat zdarma

11.  1.  2018 | Marek Lutonský | 3

Pojďme programovat elektroniku: Z čeho poskládat venkovní meteosondu, která poběží celé roky

Pojďme programovat elektroniku: Z čeho poskládat venkovní meteosondu, která poběží celé roky

** Dnes si ukážeme, z čeho postavit venkovní meteosondu ** Tak, aby fungovala celé roky ** A posílala data třeba pomocí Wi-Fi

14.  1.  2018 | Jakub Čížek | 19


Aktuální číslo časopisu Computer

Zachraňte nefunkční Windows

Jak nakupovat a prodávat kryptoměny

Otestovali jsme konvertibilní notebooky

Velký test 14 herních myší