Malo pomoči pri responsive divih

8 naročnikov

Pozdravljeni,

včeraj sem v templateu malo spreminjal pozicije modulov (banner 728x90 in poleg njega modul za vreme) in je zadeva sedaj prilagojena za moj 24" monitor, šele danes pa sem opazil, da je zadeva popolnoma podrta na manjših monitorjih. Kje sem ga posral? Vem, da boste mojstri tu hitro vedli ampak meni ni jasno :D

edit: se mi tako mudi s popravljanjem, da sem pozabil link do strani http://www.elektro-vozila.si/

Tole je pa še koda v index.php za tale dva diva

<div align="center" style="float:left;margin-bottom: 5px;margin-right:80px;max-width:728px;margin-left:360px;margin-top:-5px;" class="top_banner">
<?php s5_module_call('top_banner','notitle'); ?>
</div>  
    <div align="center" style="" class="top_banner">
<?php s5_module_call('top_weather','notitle'); ?>
</div>

Responsive design je čisto lepo lahko tudi v px napisan, kar ti govoriš je fluiden layout katere se v % piše.

@r0ks0n

če želiš, da bo ta tvoj div fluiden potem tako spremeni glavni div:

<div style="margin: 0px auto; height: 103px; max-width: 1182px;">

se pravi width: 1182px; zamenjaj z max-width:1182px, če bo širina ekrana manjša od 1182px se bo div samodejno prilagodil širini ekrana.

blindek: car si, hvala ti! :)

Matjaž: tudi tebi hvala za info, samo, da je sedaj vse OK :) sicer template naj bi bil responsive in se tudi zelo lepo prilagaja tablici ali iPhonu (tam dobiš povsem drugačen meni), vendar moram še nekaj časa posvetiti nastavitvam, da bo vse štimalo. Se pa strinjam, da so njihove predloge res težke za prilagajanje, ampak po eni strani je free, po drugi ima pa tale toliko možnosti, da joj... Ko mi bo čas dopuščal bom prešel še na J3.1 in popolnoma spremenil tole predlogo, ker backend le te mi ustreza, sam včasih moram kej tuki na forumu povprašat :)

ampak v IE9 je še vedno vse razmetano - SLIKA
FF in Chrome sta OK

Predloga NI responsive.
IE 9 prikaza pa raje sploh ne bom lepil:)
Toplo ti priporočam, da se čimprej rešiš te predloge ali pa jo vsaj za silo spedenaj še za IE.

robir: hvala za tole opozorilo. Ne uporabljam IE sploh, pa še to imam IE11 na kompu in ga nikakor ne morem povozit z 9-ko, da bi lahko testiral.

Matjaž: kaj pa je potem, fluidni dizajn? A ni namen resposnive templata, da se prilagaja ekranu?

Bom pa poskušal rešiti tole z IE9, čeprav mi pol ku... ni jasno zakaj tako prikaže :o v IE11 je vse dokaj normalno.

fluid = prilagaja postavitev razpoložljivemu viewportu in (med drugim) ne spreminja slik, obstaja še iz časov framov ( 10+ let)
responsive = spreminja tudi slike (poleg ostalega) in prilagaja prikaz mediju (mogoč šele s sodobnimi frameworki)

fluid nima veze z responsive designom