Malo pomoči pri responsive divih

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>

16 odgovorov

Jaz bi ti predlagal da tako narediš:

<div style="margin: 0 auto; width: 1182px; height: 100px;">
    <div class="top_banner" align="center" style="float:left;">banner</div>
    <div class="top_banner" align="center" style="float: right;">weather</div>
</div>

S tem, da še malo popravi width pa height

1

blindek: najlepša ti hvala, tole sedaj pa štima! Res hvala, dolžan pivo :)

OK, ker ste res majstri tukej si bom dovolil postaviti še eno vprašanje, ki sicer ni bilo tako pomembno, ampak ga poskušam rešiti že nekaj časa. Če na strani odprete en članek in spodaj v sekciji "Delite članek" stisnete Facebook priporoči je zadeva nekako odrezana. Poskušal sem že z različnimi nastavitvami z-indexa pa ne šiba :/ http://www.elektro-vozila.si/novice/elektricni-avtomobili/tesla-model-s-je-bil-pretekli-mesec-najbolje-prodajan-avtomobil

Zgleda kot da imaš nekje naštiman overflow: hidden;

1

Zanimivo je, ker je samo pri FB buttonu tako, ostali delajo normalno.

edit: sem pregledal CSS od plugina in nastavil

.itp-share-fbl{
float:left;
margin:10px;
overflow:visible;

pa ni haska :)

FB deluje zadnje čase zelo čudno, meni recimo na vseh straneh odreže komentarje (FB), sploh pa od kar je prevedeno v SLO odreže tudi marsikaj drugega.

1

Meni fb prikaže na kromu ok, imaš pa težavo z related članki zraven, kjer prvega zamakne navzgor. Vzrok pa je itp share div, ki je floatan desno.

1

Matjaž:
Meni fb prikaže na kromu ok, imaš pa težavo z related članki zraven, kjer prvega zamakne navzgor. Vzrok pa je itp share div, ki je floatan desno.

A te lahko prosim za prtsrc tega, ker meni na chromu dela vse OK :o

Zdaj je ok, ker se pojavi oglas zraven. Če oglasa ni, pride do zamika.

Mimogrede, predloga ni responsive in prikaz na manjših ekranih enostavno ne more bit ok. Tudi lastnosti divov (širina, višina...) ne dajaj v source oz index.php ampak v css.
Predlog od shape5 se jaz izogibam, saj so večinoma muka za prilagajanje.

1

Kako lahko temu rečeš responsive, če uporabljaš pixle?

Lp, Marko

2