Threaded Mode | Linear Mode

josip85 · 19-12-2009 10:02 PM

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

**Gogy** · 19-12-2009 10:08 PM

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

josip85 · 19-12-2009 10:29 PM

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

danielvast · 19-12-2009 10:51 PM

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>

kecko · 21-12-2009 09:01 AM

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;

**Kerber** · 21-12-2009 07:36 PM

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;

}

gogapurda · 26-09-2011 09:49 AM

I mene je to mučilo.

Threaded Mode \| Linear Mode Problem prikaza u manjim rezolucijama
Author	Message