Página 2 de 2

Re: Fixar largura no Poker Olympus

Enviado: 28 Jun 2013, 19:44
por pablorj
Agora a centralização deu certo! :D

PORÉM o topo e o rodapé ainda continuam expandidos... veja o print.

Imagem

Desculpe a trabalheira ae!

Re: Fixar largura no Poker Olympus

Enviado: 28 Jun 2013, 21:17
por robra
Ahhh!! Você quer ficar também o cabeçalho.
Em seus arquivos .css:
:arrow: Ache...

Código: Selecionar todos

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #FFFFFF;
font-size: 10px;
margin: 0;
padding: 0;
} 
... e substitua por:

Código: Selecionar todos

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #FFFFFF;
font-size: 10px;
margin: auto;
padding: 0;
width: 960px;
} 
:arrow: Ache...

Código: Selecionar todos

#logo2 {
background: url("./styles/poker_olympus/theme/images/logo2.jpg") 0 0 no-repeat;
width: 100%;
height: 200px;
} 
... e altere o valor 100% por 960px.
:arrow: Ache...

Código: Selecionar todos

.pro15 {
padding: 0 5px;
margin: 0 auto;
list-style: none;
height: 30px;
background: #000 url("./styles/poker_olympus/theme/images/pro_15_0.gif") repeat-x;
min-width: 980px;
} 
... e altere o valor 980px para 950px.
:arrow: Ache...

Código: Selecionar todos

#search-box {
position: absolute;
display: block;
top: 233px;
right: 0;
text-align: right;
white-space: nowrap;
}
... e substitua por:

Código: Selecionar todos

#search-box {
position: relative;
display: block;
text-align: right;
white-space: nowrap;
float: right;
margin-top: -56px;
} 
:arrow: Ache...

Código: Selecionar todos

.navbar2 {
padding-right: 20em;
position: absolute;
top: 232px;
left: 20px;
width: auto;
} 
... e substitua por:

Código: Selecionar todos

.navbar2 {
padding-left: 5px;
position: absolute;
top: 232px;
width: auto;
} 
RESULTADO:
img001.jpg
Abraço. Imagem