Nocentrēt.

[forSilence]

Tātad izveidoju dizainu ļoti vienkāršu, bet radās problēma man dizainu rāda visu skaisti nocentrētu vidū, bet daudziem content ir aizgājis uz kreiso pusi, kā sataisīt tā, lai visiem būtu contents vidū.

 

Reku skīrns:

 

Un reku css kods. Css kods.

[Леший]

Nu, ja tas klucis ir #content, tad tev CSSā ir position:absolute un left/top pixeļos.

[forSilence]

Nu, ja tas klucis ir #content, tad tev CSSā ir position:absolute un left/top pixeļos.

Īsti nesapratu, jā man tas ir klucis content, kas nav nocentrēts.

Bet ja nav position:absolute; tad man viss ir sajucis un kā pievieno jaunu paneli, tad contents, nebīdās uz leju.

[Леший]

Pateikšu skaidrāk: tev left ir pixeļos. Tas ir, tu pats, ar savām rokam šim contentam ir ierakstījis, cik pixeļu attālums viņam ir no kreisās malas.

[forSilence]

Nu itkā tavu domu sapratu tapēc pameignāju ar nocentrēt izmantojot margin. Man viņš centrā, bet citiem škībi.

 

#content {
width:900px;
position:absolute;
margin: 0px 62px auto;
padding-bottom:70px;
background:url(images/bg.png);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
top:185px;
}

[Леший]

paprovē

left:50%;
margin-left:-450px;

[rATRIJS]

position:absolute tur vispaar nevajadzeetu likt...

[forSilence]

Paldies Леший viss sanāca, bet rATRIJS es tā esu iemācījies kodēt un savādāk nemāku.

[codez]

vienkāršāk ir šādi:

 

#wrapper{
 width:960px;
 margin:0 auto;
}
#header{
 height:80px;
}
#content{
 margin:5px 0;
 padding:0 0 70px 0;
 background:url(images/bg.png);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

 

<div id="wrapper">
 <div id="header"></div>
 <div id="menu"></div>
 <div id="content"></div>
 <div id="footer"></div>
</div>

[rATRIJS]

+ codez

 

forSilence: tad vajag maaciities pareizi. Kaada jeega no nepareizaam zinaashanaam?

[Kavacky]

Tās jau ir NEzināšanas.

[forSilence]

Tagad taisīšu pēc codez parauga. Varat slēgt ciet

Edited August 13, 2010 by forSilence

[nemec]

Piemēram es formēju tā:

<div id="wrap">
  <div id="content"></div>
  <div id="header"></div>
  <div id="footer"></div>
</div>

Jo man patīk, ka lietotājs saņem pirmo saturu, nevis kaut kādus headerus vai navigāciju. Un meklētājam arī tas ir mazliet draudzīgāk.

[Леший]

Jo man patīk, ka lietotājs saņem pirmo saturu, nevis kaut kādus headerus vai navigāciju. Un meklētājam arī tas ir mazliet draudzīgāk.

Ja kas, lietotāji uz augšu nekad neskatās. Headeris augšā ir standarts.

[codez]

gan jau ka viņam headeris ir augšā, viņš vienkārši tiek sūtīts pēc satura, bet nu mnuprāt tā ir mazaktuāla problēma, jo headderis parasti satur salīdzinoši maz infas un tā grafika pēc pirmās lapas ielādes ir iekešota.