Modelar com CSS

[Mirth 0]

Ola, eu tenho isto em CSS:

 

#layout {	width:1010px;	left: 50%;	margin: 0 0 0 -500px;	position: relative;	background-color:#FFF;	background: url(../images/imgs_19.jpg) repeat-y; 	border-right: solid 1px #FFF;	}#left {	width: 459px;	position:absolute;	}#middle {	margin-left: 459px;	width: 367px;	position: absolute;}#right {	margin-left: 826px;	width: 181px;	background-color: black;	position:absolute;}

Isto é uma modelação de 3 colunas, left, middle e right q ficam dentro de <div id="layout">

 

Funciona correctamenteaq modelação. O problema é que preciso q background: url(../images/imgs_19.jpg) repeat-y; se repita até q o conteudo das 3 colunas acabe (imgs_19.jpg é uma imagem q percorre a tela toda).

 

Só consigo fazer tirando as "margin-left" e substituindo por "float: left e mudando o posicionamento para "relative. Mas não posso fazer desta maneira pq quero q umas colunas n influenciem as outras.

 

Alguem me pode ajudar?

[Guilherme Rambo 4]

Não seria isso: http://forum.imasters.com.br/index.php?showtopic=225319 ?

 

[]'s

[Mirth 0]

Nâo, não é bem isso, isso era o q tinha feito inicialmente. Mas o problema ai é q quando o conteudo da coluna da esquerda é maior q o seu witdh ele empurra o conteudo da coluna do meio no IE, é isso q n consigo resolver.Mas obrigado na mesma :)

[Giovani 104]

Mirth, leia o link a seguir, ele explica, detalhadamente, como fazer um layout de três colunas.

http://forum.imasters.com.br/index.php?showtopic=222275

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[WillianAndrade 0]

acho que ñ vai resolver

mas uma dica.....

 

invés de

 

#layout {	width:1010px;	left: 50%;	margin: 0 0 0 -500px;	position: relative;	background-color:#FFF;	background: url(../images/imgs_19.jpg) repeat-y;	border-right: solid 1px #FFF;	}

use

 

#layout {  width:1010px;  position:relative;  left:50%;  margin:0 0 0 -500px;  background:#fff url(../images/imgs_19.jpg) repeat-y left top;  border-right:1px solid #fff;}

existem umas regrinhas de sintaxe, que podem dar algum problema se ñ forem seguindas..como o border

 

primeiro o valor, depois o tipo, depois a cor

 

e tb position...como você vai declarar left:50%; se o elemento ñ esta posicionado ainda?

lembra que o navegador lê os documentos que nem pessoas, da esquerda pra direita, de cima pra baixo

 

se estiver errado me avisem...

 

abraço

boa sorte