Problém z wrap.

[Veterans]

Zdravím vopdred sa ospravedlnujem za názov príspevku ale nevedel som ak nazvať môj problém.

Robím/prerábam si porfólio. Pracujem na notebooku + LCD (notebook 1366x768 a LCD 1440x900). Web si kódujem sám a po každej zmene si pozerám stránku. Na mojom rozlíšení to vyzerá dobre + aj cez iPhone aj cez školské PC (klasické monitori).
Lenže keď som si dneska pozeral v grafickej učebni (1920x1080) porfólio tak boo úplne rozhádzane vid. obrázky (sorry ak sú zle pridané). PS. neriešte texty


Nerozumiem čo mi to môže robiť. Napríklad div s tým orandžovím pozadím je obr + wrap klasika 960px + blog je div s textom.

Kód: Vybrat vše

<div id="obr">     
      <div class="wrap">     
        <div class="blog"> 

Link na stránku http://transgolda.mmartin.sk/

Ak niekto vie poradiť čo by mi to mohlo robiť, sčím sa to bije budem vďační.

[iTerminator]

Jestli jsi zkušenej, tak ti bude stačit, když ti řeknu, že se to tam nevleze .
Domnívám se, že ten wrapper, ve kterým máš ty jednotlivé bloky má proměnlivou šířku, která se mění podle rozlišení a pokud je rozlišení malé nebo velké, tak se to rozhodí, zkus oddělat tu responzivní část projektu, hodnoty neudávej procentuálně, nýbrž numericky.

[Veterans]

Neviem či si pozeral aj kód ale je tam takto:

Kód: Vybrat vše

#heel {
    width: 100%;
    height: auto;
    float: left;
    padding: 17px 0px 0px;
    margin: 0px;
}

nasleduje

Kód: Vybrat vše

.wrap {
    width: 960px;
    height: auto;
    margin: 0px auto;
}

a nasledujú jednotlive objekty (názov + text alebo obrázok)

Kód: Vybrat vše

.o1 {
    float: left;
    width: 475px;
    height: 350px;
    text-align: center;
    background-image: url('images/komunikacia.png');

Jedine čo je tam cez % je div heel čo by ale nemalo rozbíjať obsah keďže celkovo obsah je nahodení .wrap ale ten je udaní v 960px čiže by sa to nemalo premiestnovať keďže tam sú objekty Text + obr spravené cez width 475px a druhý 475px = 950px - je tam iba rezerva 10px (čo dneska skúsim prepísať na 480px + 480px.

[iTerminator]

Zkus to dát pryč.

[CZechBoY]

Jakej prohlížeč? Mě to ve Firefoxu ukazuje normálně.

[Veterans]

iTerminator - "zkus to dát pryč" - je dosť široká rada
CZechBoY- je vidieť na screene že je to CHROME - ak si napísal pozrel som to na inom PC v tej istej triede (rovnaký PC - rovnaké rozlíšenie) a na inom to ukazovalo dobre, čiže je možné že chyba je v tom PC na ktorom som sedel.... môžem vedieť cez aké rozlíšenie si to pozeral?

[iTerminator]

Veterans, mám na mysli ty procentuální hodnoty. Ještě je tu jedna možnost, mně se to při zmenšování a zvetšování screenu neměnilo, takže je možný, že na školním pc je nějaké rozšíření, už se mi několikrát stalo, že jsem dělal web a špatně se mi zobrazoval v googlu, hledal jsem chybu a pak jsem přišel na to, že to dělá jedno z rozšíření.

Nastavení->rozšíření a tam vypni všechny.

[CZechBoY]

Psal si že ti to dělá při rozlišení 1920x1080 tak jsem si dal stejnou šířku.

[Veterans]

Dík zaťial napíšem v utorok/stredu keďže skôr sa do tej učebne nedostanem a nemám si to ako pozrieť tam.