(Resolvido) não consigo codificar o site corretamente

[Spice Boy]

Oi gente!

eu fiz esse layout para um amigo: http://www.spicegirlsforeverbrasil.com.br/tay/

eu fiz ele todo no photoshop e fatiei la tambem

sendo q eu usei transparência como vocês podem ver, so q essas transparencias não foram feitas com divs e sim com imagens mesmo, no photoshop

ai, agora pra eu poder colocar os codigos eu não consigo de jeito nenhum, porque se o texto for maior dq a area, ele "desconfigura" todo o layout e tals

eu ate coloquei uma div dentro da fatia (a parte vermelha do layout) mas mesmo assim o erro continua

tem como alguém me dar uma ajuda ou dicas???

muito obrigado!

[*FIT*]

Bom, aconselho definir o height dessa parte vermelha como auto, para aumentar de acordo com o texto, e defina também o min-height, para caso ter pouco conteudo o ela tenho um tamanho minimo.

[Spice Boy]

Oi FIT, muito obrigado!

desculpa a pergunta, mas você podia postar ai pra mim um codigo? porque eu sou meio leigo nessa coisa de divs

OBRIGADO!

[*FIT*]

No seu código, troque:

<div style="padding: 3px; background: url(&quot;http://caiotanoblog.com/teste/imagens/index_03.png&quot;) repeat scroll center bottom red; overflow: auto; color: rgb(204, 255, 102); position: relative; height: 285px; opacity: 0.4; width: 454px;"></div>

por:

<div style="padding: 3px; background: url(&quot;http://caiotanoblog.com/teste/imagens/index_03.png&quot;) repeat scroll center bottom red; overflow: auto; color: rgb(204, 255, 102); position: relative; opacity: 0.4; width: 454px; height: auto; min-height: 285px;"></div>

E faça um teste. ;)

[Spice Boy]

Mudei Fit

mas o site ficou "deformado" olha: http://www.spicegirlsforeverbrasil.com.br/tay/

[*FIT*]

Bom, nesse caso você pode forçar uma barra de rolagem nessa div.

Volte como estava antes e acrescente overflow-y: scroll;

[Spice Boy]

Fit, assim funcionou certinho

http://www.spicegirlsforeverbrasil.com.br/tay/

só q eu tava kerendo q ficase tipo esse site:

http://www.katyperry.com.br/

se você olhar o codigo fonte dele, você vai ver q as divs se ajustam automaticamente e não deformam o site

ai, tipo, sera q eu fatiei o meu layout errado??

[Thelon]

Cara seu código está sujo e horrível

Tem tabelas para layouts e regras css repetidas com nomes nada associativos como .style3

Enquanto tiver essas tabelas você não irá conseguir utilizar a dica citada pelo *FIT*

tabelas são de dificil manutenção, deixando o código poluido, site mais lento entre outras porcarias

Usar tabelas é apenas para dados tabulares

nem para formulários se deve utiliza-las

Usar tabela em layout é estupidez

Que tal recomeçar seu site de forma semântica e correta?

te dará menos trabalho e dor de cabeça

Comece aprendendo um pouco de CSS

http://maujor.com/tutorial/joe/cssjoe1.php...oe1.php

[Spice Boy]

Cara seu código está sujo e horrível

Tem tabelas para layouts e regras css repetidas com nomes nada associativos como .style3

Enquanto tiver essas tabelas você não irá conseguir utilizar a dica citada pelo *FIT*

tabelas são de dificil manutenção, deixando o código poluido, site mais lento entre outras porcarias

Usar tabelas é apenas para dados tabulares

nem para formulários se deve utiliza-las

Usar tabela em layout é estupidez

Que tal recomeçar seu site de forma semântica e correta?

te dará menos trabalho e dor de cabeça

Comece aprendendo um pouco de CSS

http://maujor.com/tutorial/joe/cssjoe1.php...oe1.php

Oi, tipo, eu sempre fiz/fatei meus layouts dessa forma, mas só q eu nunca tinha feito este estilo "portal"

ai eu fiquei meio perdido na hora de codificar

[*FIT*]

Bom, os recortes não estão errados, mas como citado pelo Thelon, a semântica do site está bem bagunçada, com bastante erros primarios, o que citei primeiro, funcionaria perfeitamente caso a estrutura estivesse correta e de acordo com os padrões da W3C.

Se eu fosse você, seguiria os conselhos dele, daria uma lida em alguns artigos sobre CSS e começaria denovo, caso queira manter o que já fez, podemos até chegar em algumas gambiarras, mas isso só estragaria ainda mais.

[Spice Boy]

bom gente, então é melhor deixar como ta mesmo...

Obrigado FIT e Thelon!

obrigado mesmo!

[*FIT*]

Bom, ok, se prefere assim, sem problemas, mas pense em da uma estudada um pouco melhor em um futuro próximo. Fica a dica do Thelon!

Abraços ;)