Da li je moguce ?

[ boolee @ 03.03.2012. 18:55 ] @

Da li je moguce da sajti koji radim u joomli na Firefoxu, hromu,operi , safari itd izgleda ovako....

a na budjavom internet exploreru na mom kompu ovako ...

Sta da radim? Ovaj deo sa stranicama kod svih ide gore dole od segmenta do segmena, u IE se i ne vidi.

ovo je demo za isti template http://demo.omegatheme.com/joomla15/mega_etanol.html

[ SirPsycho @ 03.03.2012. 20:39 ] @

Ažuriraj IE pa probaj onda... Skini poslednju verziju. Aktuelna verzija je 9 za korisnike Win7 , a 8 za korisnike XP-a.
Kod većine korisnika sa instalacijom sistema dođe 6...

Ta stara verzija nema podršku za neke stvari, i onda tebi sajt kad ga testiraš izgleda drugačije.

Ovaj link može da bude jako koristan: Web Browser CSS Support
Tu možeš da vidiš šta je podržano a šta ne , u zavisnosti šta koristiš, odnosno koju verziju CSS-a

Većina ljudi kad instalira sistem skine aktuelne verzije sa neta Firefoxa, Opere, Chroma... A za IE zaboravi update...

Evo ja trenutno imam isti prikaz kao i ti. Kliknem na Help, pa na About i vidim da se radi o verziji 6.0

Odem na www.microsoft.com i tamo , pošto sam trenutno u Xp-u skidam verziju Windows Internet Explorer 8... Restartujem ...

Kada sad pregledam template u IE 8 prikaz je potpuno ispravan... Evo slikao sam ekran i zakačio sliku da pogledaš

[ boolee @ 03.03.2012. 22:14 ] @

Hvala mnogo , ali to ce resiti problem meni , ali meni je muka kako da resim izgled za onih 20 % ljudi kojima je pregledac IE i koji ce retko kad ukoliko imaju XP koji im je neko instalirao da ga updejtuju.
Postoji li neka rutina da server moj , to jest moj sajt prepozna u samom startu ako korisnik koristi IE i da odradi neki brz redirekt na prostiju verziju starta?

[ plus_minus @ 03.03.2012. 22:22 ] @

Postoji.

Možeš ili da redirektuješ ili da uradiš TOTALNU blokadu i da napraviš jednu prostu stranicu koja će sadržati objašnjenje zašto se korisnik našao na toj prostoj stranici.
Što se optimizacije za IE tiče, optimizovati sajt za IE7 nije toliko 'bolno' koliko i za IE6.

Redirekciju možeš da vršiš pomoću javaskripte ili pomoću nekog server side skripting jezika, s' tim što rešenje pomoću javaskripte snosi i neke penale a i neće da radi ako se takav korisnik dosetio da može da isključi javaskriptu iz svog pretraživača.

Evo ti bolje varijante, rešenje pomoću php-a.

Code (php):

$user_agent = $_SERVER['HTTP_USER_AGENT'];

if (strpos($user_agent,'MSIE') != false && strpos($user_agent,'Opera') === false) {

if (strpos($user_agent,'Windows NT 5.2') != false) {

if (strpos($user_agent,'.NET CLR') === false) return;}

if (substr($user_agent,strpos($user_agent,'MSIE')+5,1) < 7)

{ header('Location: http://windows.microsoft.com/e...rnet-explorer/products/ie/home'); }}

Ovo gore u code tagu, iskopiraj na svakoj stranici pre nego što krene html kod.
Stranice moraju da imaju php ekstenziju.

Ako se ne snalaziš sa php-om kako treba, zamoli nekog da ti malo pomogne i biće sve ok.

Zadnju liniju prepraviš da bude željeni link po tvom izboru.

Code (php):

{ header('Location: http://windows.microsoft.com/e...rnet-explorer/products/ie/home'); }}

(posle 2 tačke)

Ovako kako je gore, u code tagu svako ko ti poseti sajt sa IE6 automatski biva redirektovan na MS sajt odakle može da preuzme najnovije izdanje plavog, nesposobnog...

[ boolee @ 03.03.2012. 22:47 ] @

Mnogo ti hvala , ovo ce resiti taj problem definitivno.
Ukoliko moze jos jedna pomoc,ako si primetio ovaj template ima ruzan detalj da se zguzva sadrzaj pri samom ulasku na stranicu u vrhu iste ,a navigacija levo bude ok , cim proradi css on se razvuce dole lepo i sve je ok , ali postoje te neke 2-3 sekunde zbrkanog izgleda i to verovatno traje razlicito u zavisnosti od brzine konekcije kojim se posmatra , moja je 1.5 adsl. Mislim da bi neko resenje bilo brzi pop-up detalj, kao neka pozdravna slika desno od navigacije koja ce sakriti guzvu i automatski nestati posle 2-3 sekunde kad se zbrka rasiri na dole i sve bude ok.

[ Predrag Supurovic @ 03.03.2012. 22:51 ] @

Blokiranje pristupa sajta korisnicima koji nemaju "odgovarajuci" vb čitač je poslednja stvar koju treba da uradiš.

Svaki korisnik koji ti dođe na sajt treba da vidi sadržaj. Ne moraju svi isto da ga vide.

[ boolee @ 03.03.2012. 23:10 ] @

Nisam ni mislio da ga blokiram , samo ce biti redirektovani na drugaciju vrstu sajta,svakao ce i to biti ok stranica , uz malu napomenu sa strane da nadograde svoj IE sa linkom ili preporuka za Firefox. Meni je nekako ovaj template legao za ono sto mi treba uz sve ove sitne nedostatke koje cu resiti nadam se usput.

[ plus_minus @ 03.03.2012. 23:14 ] @

Citat:

boolee: Mnogo ti hvala , ovo ce resiti taj problem definitivno.

Nema na čemu. Hoće. Radi ovo 100% provereno dobro. Ono što bi ti mogao da uradiš (dao sam ti primer sa onim linkom u header delu, link je dugačak pa ga ES skraćuje, nebitno) jeste kao što sam već napisao da napraviš custom stranicu za doček IE korisnika. Dal' to bila totalna blokada ili ne, na tebi je da odlučiš. A to ne mora da bude redirekcija na sasvim drugi domen. IE6 korisnika ima već jako, jako malo, nije ista priča kao do pre godinu ili dve, tako da će pogođeni broj korisnika biti gotovo beznačajan. Najbolja varijanta, ako si odlučio da ne optimizuješ sajt za IE6, jeste da ta druga stranica sadrži sve isto što i glavni index, npr, s' tim što neće imati nikakav css, već samo čist html.

Još jedna stvar vrlo bitna, da ne zaboravimo..

Ovaj sledeći deo koda, ubaciš SAMO na custom stranici, za IE korisnike, ako odlučiš da ipak vide nešto.

Pomoću ovog koda dole, SVI pretraživači OSIM IE6 NEĆE moći da vide "pitstop" za IE, već će biti redirektovani nazad, na pravu funkcionalnu varijantu.
Dakle ni IE7, ni IE8, ni IE9, ni ff, ni chrome, ni safari ni opera...

Samo i samo Internet Explorer 6.

Code (php):

$user_agent = $_SERVER['HTTP_USER_AGENT'];

if (strpos($user_agent,'MSIE') === false) 

{header('Location: /');}

if (strpos($user_agent,'MSIE') != false && strpos($user_agent,'Opera') === false) {

if (strpos($user_agent,'Windows NT 5.2') != false) {

if (strpos($user_agent,'.NET CLR') === false) return;}

if (substr($user_agent,strpos($user_agent,'MSIE')+5,1) > 6)

{header('Location: /');} }

U ovom slučaju header('Location: /'); jeste ROOT tvog sajta. Drugačije rečeno, index stranica.

I naravno, na toj stranici gde ćeš da dočekuješ IE6, robotima kaži - noindex, nofollow.
Napravi je da bude "invisible". Nevidljiva praktično.

pozz.

_{[Ovu poruku je menjao plus_minus dana 04.03.2012. u 00:24 GMT+1]}

[ boolee @ 03.03.2012. 23:30 ] @

Sve sam skontao , tako ce i biti ... imas li ideju kako da resim onaj deo sa guzvanjem sajta ???

Citat:

boolee:
Ukoliko moze jos jedna pomoc,ako si primetio ovaj template ima ruzan detalj da se zguzva sadrzaj pri samom ulasku na stranicu u vrhu iste ,a navigacija levo bude ok , cim proradi css on se razvuce dole lepo i sve je ok , ali postoje te neke 2-3 sekunde zbrkanog izgleda i to verovatno traje razlicito u zavisnosti od brzine konekcije kojim se posmatra , moja je 1.5 adsl. Mislim da bi neko resenje bilo brzi pop-up detalj, kao neka pozdravna slika desno od navigacije koja ce sakriti guzvu i automatski nestati posle 2-3 sekunde kad se zbrka rasiri na dole i sve bude ok.

[ plus_minus @ 03.03.2012. 23:37 ] @

Ti si ostavio link za template... to je zapravo link? To ti je sajt?

Ako jeste, nisam primetio nikakvo gužvanje.. bar kod mene nema..

[ boolee @ 03.03.2012. 23:52 ] @

Verovatno ti je dosta brz net , elem , desava se da se ona tri segmenta ,extended 1 i 2 galerija i kontakt ucitavaju u gornjem segmentu " baneru " i budu jedan preko drugog , i to traje par 1-2 sekunde, pa se onda vidi ok jer oni odu dole na svoja mesta. Bojim se kad postavim ono sto hocu da ce to biti 2-3 sekunde i izgleda konfuzno,za svakog ko prvi put dodje na sajt , dok stranicu ne ubaci u kes, posle se ne primeti toliko. Voleo bih da to sakrijem nekom slikom pozdravnom kao pop-up prozor samo da nije prozor nego slika preko toga i da samo nestane, da se prva izvrsava i da bude preko kao neka nalepnica preko one slike gornje na demou templejta.

Moj link je ka demou , ka sajtu jos ne mogu da ga postavim , lokalnog je karaktera sajt i mora biti funkcionalan pre nego se bilo gde pojavim

[ plus_minus @ 03.03.2012. 23:55 ] @

TU gde ti je sada sajt, to je pod-domen. A taj domen gde je tvoj pod-domen je krcat. Ima mnogo sličnih radova tvom.
Znači, high-traffic non-stop. Protiv toga da se "boriš" može, ali nije preporučljivo.

Kada budeš SKROZ kompletirao sve oko sajta, onda lepo registruješ domen na svoje ime,
nađeš odgovarajuću cenu, ima mali milion host provajdera što i sam znaš i biće sve bolje i brže.
Ne sekiraj se.

Za sad pusti tako kako je i raduckaj.
Ne opterećuj se puno.

[ boolee @ 04.03.2012. 00:14 ] @

ok ... poslusacu , ako se na kraju kad bude komplet i postovan ovde cisto da pomognete u korigovanju videcemo koliki je problem.

Pozdrav i hvala

[ plus_minus @ 04.03.2012. 00:22 ] @

Zašto bi pravili izuzetke tada, ako sada nismo? :)

Ja, neko drugi, bilo ko. Ovde se uvek nađe neko voljan da priskoči u pomoć.

Nema na čemu.

[ boolee @ 05.03.2012. 00:27 ] @

Pokusao sam radi ok redirekt na IE , ali onaj deo koda drugi da ostali ne vide tu stranicu nece bas da se skonta :) javlja mi gresku

Parse error: syntax error, unexpected T_STRING in /home/shop/public_html/masineialati/index.php on line 13

[ plus_minus @ 05.03.2012. 00:34 ] @

Okači deo koda koji te zeza. Tu liniju 13. i sve što ima veze sa tim blokom koda gde si stavio taj deo.
Kod koji si dobio je inače ispravan. 100% provereno. Jedan karakter ti je negde promakao, kada si dodavao taj deo kontrolne strukture.

[ boolee @ 05.03.2012. 10:20 ] @

Nasao sam gde sam pogresio ispravio i prestao je da javlja gresku sledeci problem nastaje kad pokusavam da firefoxom udjem na tu IE stranicu

The page isn't redirecting properly
Firefox has detected that the server is redirecting the request for this address in a way that will never complete.
This problem can sometimes be caused by disabling or refusing to accept
cookies.

Chrom sledecu poruku ...

Veb stranica na adresi http://masineialati.shop.com/ prouzrokovala je previše preusmeravanja. Možda ćete rešiti problem ukoliko obrišete kolačiće za ovaj sajt ili dozvolite kolačiće treće strane. Ukoliko to ne pomogne, verovatno se radi o problemu sa konfiguracijom servera, a ne sa vašim računarom.

[ plus_minus @ 05.03.2012. 10:37 ] @

Boole, ovaj sajt → www.nezavisnost.net ima taj kod koji sam ti dao, s' tim što je za nezavisnost.net stavljena totalna blokada za IE6. Postoji samo kratko i jasno objašnjenje zašto IE6 korisnici nemaju mogućnost pregleda. Ne postoji nikakav redirect error ili konfuzija. Ime stranice je nostyle I tu stranicu mogu da vide samo IE dinosaurus verzije. Otkucaj u pretraživaču nezavisnost.net/nostyle i vratićeš se na glavni index ako to uradiš iz ff-a, ie9, ie8, opere, safaraija, hroma...

Dakle, tebe zeza kao što sam ti i napisao, nešto drugo.
Nešto je tu pogrešno odrađeno, nešto trebaš da prepraviš mimo ovoga, nevezano za ovo što sam ti dao.

[ boolee @ 05.03.2012. 11:17 ] @

Nisam preterano vican ovom delu posla , ali i ja kao corava koka ubodem zrno ali mi trebaju male smernice :) , kad sam snimio tu stranicu iz IE dobio sam ovaj kod

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML lang=sr>
<HEAD>
<TITLE>Ažurirajte Vaš Pretraživač</TITLE>
<META charset=utf-8>
<META content="noindex, nofollow" name=robots>
<STYLE type=text/css>HTML {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; Z-INDEX: 1010; BACKGROUND: white; PADDING-BOTTOM: 0px; MARGIN: 0px 20px; OVERFLOW: hidden; WIDTH: auto; COLOR: #666; PADDING-TOP: 0px; POSITION: relative; HEIGHT: auto; TEXT-ALIGN: center
}
BODY {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; Z-INDEX: 1010; BACKGROUND: white; PADDING-BOTTOM: 0px; MARGIN: 0px 20px; OVERFLOW: hidden; WIDTH: auto; COLOR: #666; PADDING-TOP: 0px; POSITION: relative; HEIGHT: auto; TEXT-ALIGN: center
}
.att {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; Z-INDEX: 1010; BACKGROUND: white; PADDING-BOTTOM: 0px; MARGIN: 0px 20px; OVERFLOW: hidden; WIDTH: auto; COLOR: #666; PADDING-TOP: 0px; POSITION: relative; HEIGHT: auto; TEXT-ALIGN: center
}
.link {
    FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #666; TEXT-DECORATION: underline
}
</STYLE>
<META content="MSHTML 6.00.2900.5512" name=GENERATOR>
</HEAD>
<BODY id=spore>
<H1><A title="Početna Stranica" href="http://nezavisnost.net/" target=_self>SŽSS
  NEZAVISNOST</A> </H1>
<HR>
<DIV class=att>
  <H2>PAŽNJA: Koristite Veoma Loš Pretraživač.</H2>
  <P>To može biti bilo koja verzija Vašeg aktuelnog pretraživača ispod verzije
    7.<BR>
    Ukoliko ne promenite ili ne ažurirate pretraživač u noviju verziju, Vi nećete
    biti u mogućnosti da propratite sadržinu ovog sajta.</P>
  <P><B>Razlog povodom ovakve striktne zabrane?</B><BR>
    <SPAN
style="TEXT-DECORATION: underline">Nekompatibilnost dotičnog pretraživača na svim
    poljima u okviru današnjih internet standarda.</SPAN></P>
  Hvala na razumevanju.
  <HR>
  <P><A class=link title="Otkrijte Internet"
href="http://www.mozilla.com/en-US/">Preuzmite preporučeni pretraživač</A><BR>
    ili<BR>
    <A class=link title="Najsvežija verzija"
href="http://www.microsoft.com/windows/Internet-explorer/default.aspx"
target=_blank>Internet Explorer</A> </P>
</DIV>
</BODY>
</HTML>

Cime je on to u ovom kodu vratio FF ili chrom korisnika na pravu index stranu ako slucajno zalutaju na ovu?

[ plus_minus @ 05.03.2012. 11:51 ] @

Php kod se ne vidi u pretraživaču.
Vidi se samo čist, pisani html, js, css, xml i vidi se generisani html, css, xml ili js koji si dobio ili generisao pomoću php-a.

Sve php naredbe, funkcije, kontrolne strukture, sve što se nalazi između <?php ... ?> jeste vidljivo samo tebi dok kucaš i vidljivo je "samom serveru".

Citat:

Cime je on to u ovom kodu vratio FF ili chrom korisnika na pravu index stranu ako slucajno zalutaju na ovu?

Code (php):

$user_agent = $_SERVER['HTTP_USER_AGENT'];

# ako u povratnoj informaciji o pretraživaču ne postoji ništa što ima veze sa 'MSIE' ...

if (strpos($user_agent,'MSIE') === false) 

 # vraćaj se nazad na root stranicu.

 # iz momenta.

{header('Location: /');}

[ plus_minus @ 05.03.2012. 12:11 ] @

Boole.

Kao što si već dobio savet, ako nisi završio sa sajtom, uzmi i završavaj ga. Pusti sad ovo. Ovo je prostiš da se implementira i gotovo je u roku od minut. A i manje. Odradi ti sajt u lokalu kako treba. Odlučio si da ne daješ podršku za đubre, što je sa moje strane opravdana i jako fina odluka - za pohvalu. Dakle, uzmi ti lepo i sredi sajt da se vidi 99% isto u IE9, IE8, IE7, FF, Operi, GChrome/safariju.

Kada to završiš, bacaš se na optimizaciju sajta, otklanjanje sitnih bugova povodom javaskripte, css-a, samog html-a, uvek nešto sitno promakne.. E, kada i to završiš, dakle, završio si prezentaciju, završio si optimizaciju za pretraživače, onda, odlučiš šta ćeš sa ozloglašenim da radiš. Hoćeš li da stavljaš if lteIE po html-u i dodati sve što treba da se sredi dupliranje margina, zamenu za nemoguće pomoću slika, dodatni css ili ćeš jednostavno otkinuti ceo css i dati korisniku samo html da gleda ili ćeš ga blokirati i naterati da klikne na - update.

[ boolee @ 05.03.2012. 23:06 ] @

Razumem her kapitan ... tako ce i biti. Nazad na projektovanje i hvala jos jednom !

[ plus_minus @ 06.03.2012. 09:27 ] @

Nema na čemu.

[ boolee @ 07.03.2012. 09:47 ] @

Imam veliki problem , isti ovaj template mi se na manjim monitorima tipa 17 i 15 incha skuplja desna strana, to jest , tekst se skuplja i ide u duzinu a slika se odsece naprimer na neke 2/3 , elementi gde mogu da idu dole oni se spuste a gde ne odseku se sa desne strane ...ufff ... Evo css koda layout.css i template.css , ja sam pokusavao da menjam one komande

Code:
.mega-wrap-page{
overflow: hidden;

sa hidden u auto ali dobijem neke uspravne klizace za sadrzaj. Moze li da bude neka fiksna sirina stranice tipa 1300-1400px i ako je monitor uzi da im se pojavi skrol bar dole i da lepo idu levo desno da vide ceo sadrzaj. U css folderu ima jos par fajlova ali mislim da oni nisu problematicni ...
evo slika koji su , pa kodovi

layout.css

Code:
/**
# mega_etanol - Mega Etanol Template for Joomla! 1.7
# author         OmegaTheme.com
# copyright     Copyright(C) 2011 - OmegaTheme.com. All Rights Reserved.
# @license     http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Website:     http://omegatheme.com
# Technical support: Forum - http://omegatheme.com/forum/
**/
/**------------------------------------------------------------------------
* file: layout.css 1.7.0 00001, July 2011 12:00:00Z OmegaTheme $
* package:    Mega Etanol Template
*------------------------------------------------------------------------*/
* {
    margin:0;
    padding:0;
}
body#mega_body{
    background:  #FFF;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.mega_wrapper{
    width: 100%;
    margin: 0 auto;
    overflow: hide;
}
.mega_wrapper_i,
.mega_banner,
.mega_extend1,
.mega_extend2,
.mega_tops_extend,
.mega_mainbody,
.mega_footer{
    width: 100%;
    float: left;
}
.mega_banner_w,
.mega_extend1_w,
.mega_extend2_w,
.mega_mainbody_w,
.mega_footer_w{
    float: left;
    margin-left: 410px;
    margin-right: 50px;
    overflow: auto;
    width: 810px;
}
.mega_banner_w{
    background: url("../images/banner_bg.png") no-repeat center center;
    font-family: "Estrangelo Edessa";
    font-size: 17px;
    text-transform: uppercase;
}
.mega_extend1_w{
    font-family: "Estrangelo Edessa";
    font-size: 17px;
    text-transform: uppercase;
}
.mega_banner_i,
.mega_extend1_i,
.mega_extend2_i,
.mega_mainbody_i,
.mega_footer_i{
    width: 100%;
    float: left;
    padding: 40px 0;
}
.mega_banner h3,
.mega_extend1 h3,
.mega_extend2 h3,
.mega_tops_extend h3,
.mega_footer h3{
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 44px;
    font-weight: normal;
    letter-spacing: 4px;
    margin-bottom: 50px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}

.mega_wrapper_i{
    height: 100%;
    overflow: hide;
    position: relative;
}
.mega_tops_extend{
    padding-bottom: 40px;
}
.mega_tops_extend{

}
.mega_tops_extend .firstbox{
    float: left;
}
.mega_tops_extend .firstbox .megaclassbox_2{
    padding-right: 20px;
}
.mega_tops_extend .midbox{
    float: left;
    margin-left: 3px;
}
.mega_tops_extend .midbox .megaclassbox_2{
    padding: 0 10px;
}
.mega_tops_extend .lastbox{
    float: right;
}
.mega_tops_extend .lastbox .megaclassbox_2{
    padding-left: 20px;
}

#mega_hbanner,
#mega_hextend1,
#mega_hextend2,
#mega_hmainbody,
#mega_hfooter{
    position: absolute;
    left: 0;
}
/* ++++++++++++++++ Style for Leftcol ++++++++++++++ */
.mega_leftcol{
    float: left;
    position: relative;
    margin-left: 50px;
    width: 340px;
    z-index: 9;
}
.mega_leftcol_i{
    position: relative;
}
.mega_leftcol .megamodule,
.mega_topleft,
.mega_logo,
.mega_leftmods{
    color: #FFF;
    float: left;
    width: 100%;
    padding-bottom: 40px;
}
.mega_topleft,
.mega_logo,
.mega_leftmods{
    background: url(../images/leftcol_bg.jpg) repeat-y;
    float: left;
    width: 270px;
    padding: 0 31px 160px 39px;
}
.mega_topleft,
.mega_logo{
    padding: 0px 31px 40px 39px;
    overflow: hidden;
}
.mega_logo{
    display: block;
}
.mega_logo a.logo{
    background: url("../../images/blue/logo.png") no-repeat scroll center 0 transparent;
    display: block;
    height: 230px;
    text-align: center;
}
.mega_leftmods{
    background: url(../images/leftcol_bottom_bg.png) no-repeat left bottom;
    position: absolute;
    width: auto;
    padding-top: 0px;
    padding-bottom: 51px;
}
.mega_leftcol h3{
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.mega_leftcol ul.menu li{
    background: none;
    margin-left: -50px;
    padding-left: 50px;
    padding-bottom: 0;
    padding-top: 0;
}
.mega_leftcol ul.menu li.active{
    background: url(../images/blue/leftmenu_active_bg.png) no-repeat 0 8px;
}
.mega_leftcol ul.menu li a{
    background: url(../images/leftmenu_links_border_bg.jpg) repeat-x 0px 0;
    display: block;
    padding-top: 11px;
    padding-bottom: 11px;
}
.mega_leftcol ul.menu li.last a{
    background: url(../images/leftmenu_last_link_border_bg.png) repeat-x 0px 0;
}
.mega_leftcol ul.menu li.active a span,
.mega_leftcol ul.menu li a:hover span{
    background: url(../images/blue/leftmenu_hover_bg.png) no-repeat 6px 0;
    color: #FFF;
    text-decoration: none;
}
.mega_leftcol ul.menu li a span{
    background: url(../images/leftmenu_link_bg.png) no-repeat 6px 0;
    color: #7E7E7E;
    display: block;
    font-family: "Trebuchet MS";
    font-size: 22px;
    font-weight: normal;
    height: 49px;
    line-height: 49px;
    padding: 0 16px;
    text-align: center;
    text-transform: uppercase;
    width: 238px;
}
.mega_leftcol ul.menu li a span{
    display: block;
}
.mega_leftcol_botbg{
/*    background: url(../images/leftcol_bot_bg.png) no-repeat;
    height: 51px;
    float: left;
    width: 340px;  */
}
/*+++++++++++++++++++++++++++++++++++++++++++++*/
.mega_rightcol{

}
.mega_banner{

}
.mega_extend1{
    background: url(../images/features_bg.jpg);
}
.mega_mainbody{

}
.mega_frontpage,
.mega_footer_border_top{
    float: left;
    width: 100%;
}
.mega_footer{
    background: url(../images/footer_bg.jpg);
    color: #878787;
    text-transform: uppercase;
}
.mega_footer_border_top{
    margin-top: 5px;
    border-top: 1px dashed #333;
}

.mega_footer h3{
    text-align: left;
}
.mega_footer form.contact-us{

}
.mega_footer form.contact-us input{
    width: 300px;
    overflow: hide;
}
.mega_footer form.contact-us textarea{
    width: 355px;
    height: 140px;
    overflow: hide;
}
.mega_footer form.contact-us input,
.mega_footer form.contact-us textarea{
    background: #484848;
    border: none;
    color: #FFF;
    padding: 3px;
}
.mega_footer form.contact-us input.submit{
    color: #878787;
    cursor: pointer;
    padding: 3px 18px;
    text-transform: uppercase;
    width: auto;
}
form.contact-us span.address,
form.contact-us span.email,
form.contact-us span.phone{
    padding: 12px 20px 12px 60px;
    line-height: 50px;
}
form.contact-us span.address{
    background: url(../images/address-icon.png) no-repeat;
}
form.contact-us span.email{
    background: url(../images/email-icon.png) no-repeat;
}
form.contact-us span.phone{
    background: url(../images/phone-icon.png) no-repeat;
}
#mega_top_onclick{
    background: url(../images/footer_bg.jpg);
    width: 100%;
    height: 173px;
    display: block;
    position: absolute;
    left: 0;
}
.mega_topclick a{
    background: url(../images/topclick_bg.png) no-repeat;
    display: block;
    height: 173px;
    left: 50%;
    position: relative;
    width: 201px;
}

template.css

Code:
/**
# mega_etanol - Mega Etanol Template for Joomla! 1.7
# author         OmegaTheme.com
# copyright     Copyright(C) 2011 - OmegaTheme.com. All Rights Reserved.
# @license     http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Website:     http://omegatheme.com
# Technical support: Forum - http://omegatheme.com/forum/
**/
/**------------------------------------------------------------------------
* file: template.css 1.7.0 00001, July 2011 12:00:00Z OmegaTheme $
* package:    Mega Etanol Template
*------------------------------------------------------------------------*/

*{
    margin:0;
    padding:0;
}
body#mega_page{
    background:  #FFF;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
/*+++++++++++ @group Joomla Elements ++++++++++*/
.mega-wrap-page{
    overflow: hidden;
}
.blog-featured{

}
.items-leading{
    padding-bottom: 10px;
    overflow: hidden;
}
h1.mega-title,
.items-leading h2.mega-title{
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 44px;
    font-weight: normal;
    margin-bottom: 25px;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.items-leading h2.mega-title a{
    color: #FFF;
}
.items-leading h2.mega-title a:hover{
    color: #B62B00;
}
.items-row{
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
.items-row .item{
    float: left;
}
.items-row .item h2.mega-title{
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 44px;
    font-weight: normal;
    margin-bottom: 25px;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.items-row .item h2.mega-title a{
    color: #FFF;
}
.items-row .item h2.mega-title a:hover{
    color: #B62B00;
}

/* Style for two column */
.cols-2 .item{
    width: 48%;
}
.cols-2 .column-2{
    float: right;
}

/* Style for three column */
.cols-3 .item{
    width: 32%;
    overflow: hidden;
}
.cols-3 .column-1{

}
.cols-3 .column-2{
    margin-left: 2%;
}
.cols-3 .column-3{
    float: right;
}

/* Style for four column */
.cols-4 .item{
    width: 23%;
    overflow: hidden;
}
.cols-4 .column-1{

}
.cols-4 .column-2{
    margin-left: 3%;
}
.cols-4 .column-3{
    margin-left: 2%;
}
.cols-4 .column-4{
    float: right;
}

/* Style for article view */
.item-page{
    float: left;
    width: 100%;
}
.item-custom,
.component-page{
    background: none;
    border: none;
    float: left;
}
.item-custom-bg,
.component-page-bg{
    border: none;
    float: left;
    padding: 0;
    overflow: hidden;
}
.item-page h2.mega-title{
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 44px;
    font-weight: normal;
    margin-bottom: 25px;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.items-more h3{
    font-size: 13px;
}
.mega-wrap-page ul,
.mega-wrap-page ol{

}
.mega-wrap-page ul li,
.mega-wrap-page ol li{

}
.mega-title-actions{
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
ul.actions,
dl.article-info{
    float: left;
    margin: 0;
    padding: 0 0 10px 20px;
    width: 96%;
}
ul.actions{
    float: right;
    width: auto;
}
dl.article-info{
    padding-left: 0;
    width: 100%;
}
ul.actions li{
    background: none;
    width: auto;
    float: left;
    padding: 0;
    margin-right: 5px;
    list-style: none;
}
dl.article-info dd.published{
    font-size: 11px;
    color: #999;
}
dd.createdby{
    font-size: 11px;
    color: #666;
}
.content-details-area {
    float: left;
    padding-left: 0px;
    width: 100%;
}
.megaclub-info-demo{
    float: left;
}
/* Style for Category list page */
.category-list{

}
.categories-list ul{
    padding-left: 10px;
}
.categories-list ul li{
    background: url("../images/doted.png") no-repeat 0 5px;
    width: 98%;
    float: left;
    list-style: none;
    padding: 5px 0 5px 10px;
}
.cat-items{

}
.display-limit{
    padding-bottom: 10px;
}
table.category tr.cat-list-row1 td{
    background: #EEE;
}
/* End */
ul.pagenav{
    width: 100%;
    float: left;
    overflow: hidden;
    padding: 15px 0 0 0;
    text-align: center;
}
.item-page ul.pagenav li{
    background: none repeat scroll 0 0 transparent;
    display: inline;
    float: none;
    margin: 0 2px;
    width: auto;
}
/* Style page counter */
.pagination{
    float: left;
    margin-top: 15px;
    width: 100%;
    text-align: center;
}
.pagination ul li{
    width: auto;
    float: none;
    display: inline;
    padding: 0;
    margin: 0 3px;
    text-align: center;
}
.pagination p.counter{
    padding-bottom: 10px;
}
.pagination a.pagenav,
.pagination span.pagenav{
    height: 25px;
    padding: 0px 8px;
    border: 1px #ccc solid;
    line-height: 25px;
}
.pagination span.pagenav{
    background: #FFF;
}
.pagination a.pagenav{
    background: #e0dcdb;
}

/* Readmore */
p.readmore {
    float: right;
    line-height: 1;
    margin-top: 1px;
    text-align: right;
}
p.readmore a.readmore {
    background: none repeat scroll 0 0 #EDEDED;
    color: #883727;
    display: block;
    line-height: 20px;
    text-align: center;
    width: 80px;
}
/* ++++++++++++++++++++ article-count +++++++++++++++++ */
dl.article-count{
    float: left;
    margin: 5px 0;
    width: 100%;
}
dl.article-count dt{
    float: left;
    margin-right: 10px;
}
dl.article-count dd{

}
/* +++++++++++++++++++++ Style for contact form ++++++++++ */
div.contact h2{
    border-bottom: 1px solid #C8C8C8;
    margin-bottom: 8px;
    padding-bottom: 5px;
}
div.contact-form-custom{
     width: 73%;
     float: left;
}
div.contact-links-custom{
     width: 25%;
     float: right;
}

div.contact div.contact-links,
div.contact div.contact-miscinfo{
    width: 100%;
    float: right;
}
.contact-slider{

}
.contact-slider .panel{

}
.contact-form{

}
.contact-form form#contact-form fieldset{
    border: none;
}
.contact-form form#contact-form fieldset legend{
    font-weight: normal;
    font-size: 12px;
}
h2 span.contact-name{
    color: #272727;
    font-family: helvetica;
    font-size: 13px;
    line-height: normal;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.contact-form .contact-email{

}
.contact-form form#contact-form dt,
.contact-form form#contact-form dd{
    width: 100%;
    float: left;
}
.contact-form form#contact-form dt{
    margin-top: 10px;
}
.contact-form form#contact-form dd input,
.contact-form .contact-email div,
.contact-form .contact-email div label,
.contact-form .contact-email div input,
.contact-form .contact-email div textarea{
    width: 80%;
    float: left;
    margin-bottom: 8px;
}
.contact-form form#contact-form dt label#jform_contact_email_copy-lbl,
.contact-form form#contact-form dd input#jform_contact_email_copy{
    float: left;
    width: auto;
}
.contact-form form#contact-form dt label#jform_contact_email_copy-lbl{
    margin-left: 20px;
}
.contact-form form#contact-form dd input#jform_contact_email_copy{
    margin-top: -14px;
}
.contact-form .contact-email div button{
    float: left;
}
.contact-form .contact-email div input#contact-email-copy{
    width: auto;
    float: left;
}
/* Custom style for breadcrumbs mod */
.breadcrumbs{

}
.breadcrumbs img{
    padding-top: 2px;
}
/* Style for Login form */
.login {
    line-height: 40px;
}
.login .login-fields label,
.login .login-fields input{

}
.login fieldset{
    padding: 10px;
}
form#login-form{
    text-align: left;
}
form#login-form span.input_login {
    background: url("../images/input_bg.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 30px;
    width: 205px;
}
form#login-form input#modlgn-username,
form#login-form input#modlgn-passwd{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 20px;
    overflow: hidden;
    padding: 5px;
    width: 195px;
}
p#form-login-remember {
    line-height: normal;
    padding: 8px 0;
}
input#modlgn-remember {
    background: url("../images/remmember_input_bg.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 15px;
    margin-right: 5px;
    width: 15px;
}
div.submit-login {
    background: url("../../images/orange/login_button_bg.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 35px;
    width: 90px;
}
div.submit-login input.button {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 32px;
    text-align: center;
    text-transform: uppercase;
    width: 88px;
}
form#login-form ul li {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    padding: 3px 0;
    width: 100%;
}
form#login-form ul li a {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}
fieldset.userdata{
    border: none;
}
fieldset.userdata p{
    padding: 5px 0;
}
form#member-registration{

}
form#member-registration fieldset{
    border: none;
    line-height: 25px;
}
/* Custom style for joomla search */
.mega_topextend1 .search {
    float: left;
    width: 260px;
}
.search {
    float: right;
    line-height: 25px;
    right: 0;
    text-align: right;
    width: 100%;
}
form#searchForm{
    padding:10px;
    line-height:30px;
}
input#mod-search-searchword{
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: #333436;
    float: left;
    height: 22px;
    padding: 5px;
    width: 210px;
}
.search span.submit{
    background: #e69d00;
    height: 17px;
    padding: 5px;
    margin-left: 5px;
    float:right;
}
.search span input.button{
    background: #e69d00;
    color: #fff;
    border: none;
    cursor: pointer;
}
/* End */

[ plus_minus @ 07.03.2012. 13:02 ] @

Citat:

Moze li da bude neka fiksna sirina stranice tipa 1300-1400px i ako je monitor uzi da im se pojavi skrol bar dole i da lepo idu levo desno da vide ceo sadrzaj.

Može, ali to je jako loše. Ako hoćeš da fiksiraš širinu, da se sajt dakle ne širi sam na osnovu rezolucije, kao što je slučaj baš ovog foruma npr., najbolje ti je onda da ne ideš preko 950px.
Ako staviš više od 1000 piksela, onda svi sa rezolucijama 1024*768 hoće imati horizontalni scroller na ekranu - automatski, osim ako ti ne rešiš da u css daš drugačiju naredbu.
Ako ostaviš 1300-1400, pogađaš i sam. Samo korisnici koji imaju 1440*900 pa naviše neće videti taj neugodni scrollbar.
Što u prevodu znači - 95% korisnika koji troše prenosne računare, notebook računare, videće sajt onako kako ti ne bi želeo.

_{[Ovu poruku je menjao plus_minus dana 07.03.2012. u 14:54 GMT+1]}

[ boolee @ 07.03.2012. 22:46 ] @

Malo neugodna situacija ... template je takav pa ce se desiti da kada neko naidje sa manjim laptopom cela stranica izgleda smesno i da se ja uklopim u 950 bez fiksiranja sirine. Po meni najbolje je da to bude sad nakon ovog tvog posta istih tih 950 ali fiksno pa ako naidje neko manji neka ima skrol , a 90% korisnika ga nece imati.
Molim te pomozi mi sta tacno treba da izmenim , ne bih zeleo da nesto zeznem i izgubim se u svemu

[ plus_minus @ 07.03.2012. 23:07 ] @

Ako ti ja pomažem oko toga, pripašće ti muka. Ja bih to sve izmenio komplet.
Još ako taj šablon što si izabrao ima i tabela? Auu... Novu dimenziju u kompletu bi imao taj sajt a ti bi se izgubio definitivno.
Dakle, 95% dizajna bi bilo u potpunosti drugačije, tako da ja baš i nisam kompetentan u ovom slučaju.
Manje od 950px u širinu jeste rezolucija od 800*600px a to više niko živ ne koristi.
Znači, niko neće imati horizontalni skrol ako ga podesiš fino.