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

CSS pozicování

 |   |  Microsoft Windows 7 Firefox 15.0

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

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

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

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

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

<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

Tak jsem to zkusil a nezměnilo se nic

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

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

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

daj linkl na ten tvoj kod.

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

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

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

Tam hledam jako první...

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

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

CSS: max-width

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP Firefox 6.0

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

Vyzkoušeli jsme eObčanku a přihlásili se s ní na weby úřadů. Vážně to funguje!

Vyzkoušeli jsme eObčanku a přihlásili se s ní na weby úřadů. Vážně to funguje!

** Máme eObčanku, máme čtečku, vyzkoušeli jsme přihlášení na weby úřadů. ** Objevily se drobné problémy, podařilo se nám je vyřešit. ** Používání eObčanky pro online identifikaci je velmi pohodlné.

Marek Lutonský | 35

Google Cloud Next: Blíží se bitva o to, kdo ovládne cloud, tedy internet zítřka

Google Cloud Next: Blíží se bitva o to, kdo ovládne cloud, tedy internet zítřka

** Google v týdnu ukázal nové telefony Pixel ** V Londýně se ale také konal Google Cloud Next ** Konference o tom, jak bude vypadat internet v cloudu zítra

Jakub Čížek | 32

Nový iPhone a další novinky Applu: sledujte, na co se zase budou stát fronty

Nový iPhone a další novinky Applu: sledujte, na co se zase budou stát fronty

** Apple dnes představuje nové produkty v čele s novými iPhony ** Nemusí zůstat jen u telefonů, čekají se i další novinky ** Úvodní přednáška začíná v 19:00 našeho času

David Polesný | 57

Jak horko bude ve vašem městě, až vám bude 80 let? Podívejte se, jak se projeví klimatické změny!

Jak horko bude ve vašem městě, až vám bude 80 let? Podívejte se, jak se projeví klimatické změny!

** Srpen byl třetí nejteplejší za posledních více než sto let ** Bude to ale daleko horší, jak ukazuje aplikace NYT ** V Praze vzroste počet horkých dní na čtyřnásobek

Karel Kilián | 21

V doupěti hackerů na brněnské FIT: Ukázali nám útoky na Bluetooth i vlastní chytré krabičky

V doupěti hackerů na brněnské FIT: Ukázali nám útoky na Bluetooth i vlastní chytré krabičky

** Internet je plný malwaru, to už dnes ví každý ** Víte ale, že lze útočit třeba i na Bluetooth? ** Navštívil jsem hackery z brněnského FITu

Jakub Čížek | 1

Američtí mariňáci si tisknou kasárna z betonu na 3D tiskárně

Američtí mariňáci si tisknou kasárna z betonu na 3D tiskárně

** Americká námořní pěchota nedávno představila 3D tištěná kasárna pro vojáky ** Ty jim tiskne velká 3D tiskárna na beton ** Výsledkem je solidní obytný prostor, který je slušně chráněný před nepřátelskou palbou

Stanislav Mihulka | 18


Aktuální číslo časopisu Computer

Jak vytvořit a spravovat vlastní web

Velký test herních klávesnic a DVB-T2 tunerů

Vše o formátu RAW

Vybíráme nejlepší základní desku