Autor Zpráva
chozee
Profil *
Zdravím měl bych takový dotaz. Udělal sem si web a potřeboval bych tam nastavit pevnou šířku ale nějak mi to nejde. Když si dám obrazovkU na 1280x720 tak to je někde uplně pryč.
Když stránku zmenšuji tak stránky se pohybuje doleva a když přibližuji tak doprava.
Neví někdo co s tím?

Moderátor jenikkozak: Titulek „Pevná šířka !!“ obsahoval o dva vykřičníky víc, než je potřeba. Příště zkus prosím vymyslet lepší.
janbarasek
Profil
chozee:
Asi používáš absolutní pozicování, tam je toto úplně normální. Možná chceš stránku centrovat na střed, o tom je na JPW už článek.
CZghost
Profil
chozee:
Celou stránku bych zabalil do divu stylem matrjošky, přiřadil bych mu nějaké id a pak mu napsal odpovídající CSS. Kódy by vypadaly následovně:

HTML:
<!DOCTYPE HTML>
<html dir="lte">
  <head>
    <meta charset="utf-8" />
    <title>Název stránky</title>
    <link rel="stylesheet" href="style.css" /><!-- DO HREF SI DOSAĎ RELATIVNÍ CESTU K TVÉMU CSS -->
    <!-- DALŠÍ STYLY A NASTAVENÍ, SKRIPTY, ATD. -->
  </head>
  <body>
    <div id="matrjoska">
      <!-- Další obsah stránky -->
    </div>
  </body>
</html>

CSS:
div#matrjoska {
  width: 800px;         /* Číslo může být jakékoliv */
  margin-left: auto;
  margin-right: auto;
}

Tady je živá ukázka: http://kod.djpw.cz/smcb-
Tady je kód: http://kod.djpw.cz/smcb

Jinak je to popsane na JPW.



EDIT: Už zase s křížkem po funuse :D
jefitto44
Profil
Chcem sa opýtať, aký je rozdiel medzi selektorom div#matrjoska a selektorom #matrjoska? Viem, že offtopic, ale tútoproblematiku neovládam
Trejpa
Profil
jefitto44:
To je jasné z popisu. Zápis div#matrjoska platí pro DIV s ID matrjoska. Zápis #matrjoska platí pro libovolný element s ID matrjoska.

Takže jde o rozlišení podle použité značky. Na jedné stránce budeš mít <div id=matrjoska></div> a na druhé třeba <span id=matrjoska></span>. První zápis CSS platí jen pro tu první stránku a druhý pro obě, protože u něj na elementu nezáleží.


Užitečnější je toto použití u třídy (div.matrjoska), dá se tak použít stejná třída v jedné stránce víckrát na různé elementy a podle elementu se dá odlišit.

<style>
h2.modry { color: darkblue; }
h3.modry { color: blue; }
</style>

<h2 class=modry>Nadpis</h2>
<h3 class=modry>Podnadpis</h3>
CZghost
Profil
Trejpa:
Myslíš nějak takto?
http://kod.djpw.cz/hncb-
http://kod.djpw.cz/hncb (kód)
Plaváček
Profil
Trejpa:

Ještě tě doplním, rozdíl bude i ve specifičnosti selektorů. Hezké povídání zde (anglicky): http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
Chamurappi
Profil
Reaguji na Plaváčka:
Hezké, ale se zákeřnou chybou:
12. The embedded style sheet has a greater specificity than other rules.
O kus níž je pak také uvedeno:
• The embedded style sheet is closer to the element to be styled.“ … i s příkladem dokazujícím, že není řeč o atributu style.
Autor zjevně věří, že interní stylopis má větší sílu než externí. Což je omyl, důležité je jen jejich pořadí. Odkazuje na dokumentaci k Dreamweaveru, kde je podobný nesmysl naznačený také. Zajímavé…
Plaváček
Profil
Chamurappi:

Nikdo není dokonalý. :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: