Jak udělat aby se web zobrazoval pořád a všude stejně?

[Psenda15]

Dobrý den, omlouvám se za název příspěvku, ale nevím jak jinak to nazvat.

http://uloz.to/x8VRzroy/web-rar

Přidávám ke stažení svůj web, mám několik otázek s čím si nevím rady. Budu moc rád za každý názor a radu.
1. Web se mi ve třech prohlížečích na mým notebooku zobrazuje pořád stejně, ale jakmile si ho zobrazím na stolním počítači mám vše posunuté a rozhozené
(nevím kde je chyba, celý web jsem tak nějak sestavil pomocí návodů nebo zda-li to je zastaralým prohlížečem v počítači). Takže otázka zní co vše v kódu nastavit aby to všude vypadalo stejně nebo alespoň hodně podobně.
2. Pozadí mám vytvořené v programu a je to obrázek i s notebookem a písmem. To je určitě špatně a další otázka je jak to přepracovat tak, že si vytvořím jen to pozadí a ten notebook tam napozicuji?
3. Budu rád za každou připomínku jak to vylepšit, popřípadě hned říct jestli je to celé špatně a začít znovu. Kdyby mi někdo s kódem poradil, budu moc vděčný. Určitě je tam spousty chyb a budu rád když mě na ně někdo upozorní.

Snad tomu nějak rozumíte a omluvíte případné pravopisné chyby, dostal jsem se k počítači až teď po půlnoci a sotva na to vidím. Předem děkuji za odpovědi a ještě přidávám screen jak se web zobrazuje mě.

[Reklama]

[Grander]

Tak jsem Ti to narychlo upravil, tu první stránku: http://uloz.to/xy9dq8Q6/web-nekoho-rar

1. To je zřejmě tím žes to zkoušel jen v jediném rozlišení displeje (notebooku). Při jiných velikostech okna se to rozházelo. Celý web jsem obalil do containeru s pevnou šířkou 900 px, takže teď bude vypadat všude stejně (na responzivitu web moc korektně připraven nebyl).
2. Ano, by bylo dobré aby bylo pozadí od obrázku oddělené, vyřešil jsem to v tomto případě tak že jsem pozadí webu nastavil jako barvu (ne jako obrázek) a obrázek jsem oříznul jen na notebook s textem (background2.png). Samozřejmě, dá se to udělat i tak že text "NEJLEPŠÍ ... " bude skutečně zvlášť jako text, a napozicovaný, a obrázek notebooku bude zvlášť, ale nechci tím trávit tolik času..
3. No, myslím že na první pokus je to celkem dobré.. Jestli se tomu ještě budeš věnovat, tak časem třeba příjdeš na to jak to předělat do responzivní verze (tj. aby se elementy stránky přizpůsobovaly tomu na jak širokém displeji jsou zobrazeny).

PS: ještě jsem nastavil pevnou výšku 200px u těch černých rámečků, dělaly nepořádek.

[Psenda15]

Děkuji moc za práci, takhle jsem to potřeboval =)

[Psenda15]

Dobrý den,
tak teď když se chystám konečně po dodělání webu ho nahrát, tak mám další problém. V počítači se mi zobrazuje dobře, ale když ho nahraju na net tak se zobrazuje bez černého pozadí a bez loga nahoře (dodávám obrázky do přílohy). Kdyby někdo věděl čím to může být budu rád za každou radu, posílám i komplet web, pro kontrolu kódu. http://uloz.to/xqgHacRs/web-zip

[LuCaCZ]

dej sem adresu, na stahování z uložta se ti každej vyprdne

[Grander]

když zadám do prohlížeče helpcompe.cz, tak se vše zobrazuje správně, takže asi už vyřešeno..

[LuCaCZ]

neřekl bych

Dodatečně přidáno po 2 minutách 20 vteřinách:
chyba v kodování je pravděpodobně ve špatném nastavení kodování při ukládání html souboru - místo UTF, zvoleno ANSI

[Grander]

aha.. mě se české znaky zobrazily v pohodě, jak z kompu tak z mobilu..

[LuCaCZ]

aha, tak překlep v charset?

Kód: Vybrat vše

<meta charset="uft-8" />