Autor Zpráva
StrangeRTV
Profil
Ahoj,
Mám jeden takový menší problém se zarovnáváním na levou stranu obrazovky, protože je tam "něco neviditelného"... Všechno je tak 3px od kraje a vůbec mě nenapadá proč, žádné chyby v kódu jsem si nevšiml.
Ukázka

CSS
.footer {
    position: fixed;
    height: 45px;
    width: 100%;
    background-color: #0068bd;
    top: 0;
}

HTML
<html>
    <head>
        <title>StrangeR's Website</title>
        <link rel="stylesheet" href="addons/style.css">
    </head>
    
    <body>
        <section class="footer">
            
        </section>
    </body>
</html>
Tomáš123
Profil
StrangeRTV:
Máš tam display: block; tvoj kód je skoro prázdny a nič nie je tak podozrivé
lionel messi
Profil
Nie je to skôr tým, že mnohé (snáď všetky?) prvky majú svoj „prednastavený“ okraj? Skús pridať do CSS:

* {margin: 0; padding: 0}

Tým vynuluješ okraje všetkých prvkov na stránke. Ak budeš padding a margin potrebovať, hviezdičkový selektor ľahko prebiješ novou deklaráciou pre konkrétny element. :-)


Nabudúce prosím uvádzaj na ukážku klikateľný odkaz: http://www.stranger.cf


Otestoval som tú hviezdičku a je to v pohode, mrkni na živú ukážku.
StrangeRTV
Profil
Děkuju, funguje to :)
lionel messi
Profil
Nemáš zač, ale je celkom príjemný pocit zistiť, že aj taká lama ako ja môže byť raz za uhorský rok užitočná. :-)
StrangeRTV
Profil
Taky jsem si tohle říkal, když jsem se pořádně naučil lua a dokázal někomu pomoci. :)
Bubák
Profil
StrangeRTV:
Všechno je tak 3px od kraje a vůbec mě nenapadá proč
Ve většině prohlížečů má body 8px margin, což je téměř trojnásobek tvého odhadu.

Je mi záhadou, proč jsi header napozicival nahoru, ale le doleva, přijde mi to nekonzistentní. Já bych buď použil reset (stačí vynulovat margin body), nebo bych deklaroval top: 0; left: 0;
Petr ZZZ
Profil
Reaguji na lionela messiho:
„Skús pridať do CSS: * {margin: 0; padding: 0}

S hvězdičkovým resetem bych byl opatrný, lepší je resetovat selektivně (příklad). Viz též:
Hvězdičkový reset a dopad na formuláře.
CSS reset
Spor o resetování CSS vlastností
lionel messi
Profil
Reagujem na Petra ZZZ:

Vďaka za doplnenie, aspoň som sa opäť niečo nové naučil.
Bubák
Profil
Dříve měl hvězdičkový reset a negativní dopad na formuláře.
http://latrine.dgx.cz/jeste-dokonalejsi-stylovani-formularu

V aktuálně používaných prohlížečích už s hvězdičkový reset na formuláře negativní vliv nemá.
http://jecas.cz/css-reset-formularu

Pro a proti CSS resetu popisuje třebas článek http://jecas.cz/css-reset
StrangeRTV
Profil
Vyřešeno

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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