Tutorijali.Net forum

Full Version: Problem prikaza u manjim rezolucijama
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Moze li netko objasniti kao postaviti css elemente da pri manjim rezolucijama( 1024*768) stranica ostane na sredini da se eventualno pri toj rezoluciji vide lijevi i desni kraj jednako.Imam problem da kad postavim dva css elementa jedan onaj lijevi kako god postavim u redu je pri svim rezolucijama a desni mi nikako nije dobar ili se smanji (pri vecim rezolucijama 1280*800) ili se poveca pri manjim rezolucijama 1024*768 pa se onda poremeti izgled stranice.Kako urediti da se to prikaze kao recimo index ili jutarnji kada se lijeva i desna strana vide jednako pri svim rezolucijama. Moze li se to kako staviti u centar ? Ja sam prvo napravio jedan kao omot i postavio width=100% a height na 800px postavio position ABSOLUTE placement sve na 0px na to sam dodao dva css elementa i sad taj lijevi mi je uvjek dobar a desni nikako rijesiti.

Molim pomoc
Jednostavno napravi jedan container div, i postavi mu margin: auto; I unutra potrpaj sve ostale divove.
Gogy Wrote:Jednostavno napravi jedan container div, i postavi mu margin: auto; I unutra potrpaj sve ostale divove.

nisam bas dobro razumio ovaj odgovor upravo sam probao i nije dobro zapravo dogodilo se isto
Evo ja sam napravio mali layout onoga sto ja mislim da je Gogy htio reći nadam se da ce biti od neke pomoći!
Code:
<html>
<head>
<title>Centrirana stranica</title>
<style type="text/css">
*
{
    margin:0;
    padding:0;
}
body
{
    font-family:Arial, Helvetica, sans-serif;
    color:#06C;
}
#container{
    width:420px;
    margin:auto;
    background-color:#06C;
    height:200px;
}
#left
{
    width:200px;
    height:190px;
    background-color:#FFF;
    float:left;
    margin:5px;
}
#right
{
    width:200px;
    height:190px;
    background-color:#FFF;
    float:right;
    margin:5px;
}
</style>
</head>

<body>
<div id="container">
<div id="left">Sadrzaj left div-a</div>
<div id="right">Sadrzaj right div-a</div>
</div>
</body>
</html>
ako koristi position absolute to mu neće pomoći, onda treba u containeru staviti left:50%;
i negativan margin-left u vrijednosti od širine containera/2
npr ako je stranica širine 800px
left:50%;
margin-left:-400px;
evo mislim da je gogy rekao sve a daniel napisao, pogledao sam kod od jedne svoje stranice i bas vidim da sam isto uradio

Code:
#okvir {
    width: 830px;
    background-image:url(images/bg.png);
    background-repeat:no-repeat;
    height: 650px;
    margin: 0 auto;
}
I mene je to mučilo.
Reference URL's