Stránka 1 z 1
Problém z wrap.
Napsal: 12 bře 2014 17:55
od 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í.
Re: Problém z wrap.
Napsal: 12 bře 2014 22:41
od 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.
Re: Problém z wrap.
Napsal: 13 bře 2014 09:16
od 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.
Re: Problém z wrap.
Napsal: 13 bře 2014 17:13
od iTerminator
Zkus to dát pryč.
Re: Problém z wrap.
Napsal: 13 bře 2014 21:02
od CZechBoY
Jakej prohlížeč? Mě to ve Firefoxu ukazuje normálně.
Re: Problém z wrap.
Napsal: 14 bře 2014 08:35
od 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?
Re: Problém z wrap.
Napsal: 14 bře 2014 14:33
od 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.
Re: Problém z wrap.
Napsal: 14 bře 2014 23:17
od CZechBoY
Psal si že ti to dělá při rozlišení 1920x1080 tak jsem si dal stejnou šířku.
Re: Problém z wrap.
Napsal: 15 bře 2014 13:04
od 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.