• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

Nuno

Separação de barra lateral

12 mensagens neste tópico

Boas people!

bem tava a tentar criar uma linha para separar a frame central da frame da esquerda mas quando o conteudo da frame central excede o tamanho das barra esquerda a linha nao acompanha e gostava de saber qual a instrução que tenho de acrescentar nas CSS's para que isso aconteça.

Aqui fica a imagem:

barraru7.jpg

Aqui tão as CSS's:

	#esquerda {
	  	width:180px;
	  /*min-height: 350px;/* vai defenir o tamanho minimo da coluna da esquerda*/
		border-right: 1px solid gray;
		background:#fff;
		padding:3px;
		float:left;
	}
        #conteudo {
		background:#FFF;
		padding-top:10px;
		width: 450px;
		margin:0 200px;
	}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Só por curiosidade, com que programa estás a trabalhar?

phpdesigner

porque perguntas?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Mete um border-left: 1px solid gray; no #conteudo?

já experimentei mas com isso fico com 2 linhas e nota-se.

para quem nao entendeu eu apenas quero que as barras laterais aconpanhem a frame central consoante o conteúde que vou acrescentando.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Então, mas a solução do PMG faz o que queres, ou então ainda não consegui entender...

O PMG disse basicamente para acrescentares uma linha no conteúdo, ok, acompanha ate ao fim. as agora tiras o border-rigth da div esquerda. Ou seja:

  #esquerda {
           width:180px;
        /*min-height: 350px;/* vai defenir o tamanho minimo da coluna da esquerda*/
         background:#fff;
         padding:3px;
         float:left;
      }
           #conteudo {
         border-left: 1px solid gray;
         background:#FFF;
         padding-top:10px;
         width: 450px;
         margin:0 200px;
      }

O que entendi foi: a linha que separa a div esquerda da central deve ser tão comprida quanto o conteúdo gerado pela div central.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Então, mas a solução do PMG faz o que queres, ou então ainda não consegui entender...

O PMG disse basicamente para acrescentares uma linha no conteúdo, ok, acompanha ate ao fim. as agora tiras o border-rigth da div esquerda. Ou seja:

  #esquerda {
           width:180px;
        /*min-height: 350px;/* vai defenir o tamanho minimo da coluna da esquerda*/
         background:#fff;
         padding:3px;
         float:left;
      }
           #conteudo {
         border-left: 1px solid gray;
         background:#FFF;
         padding-top:10px;
         width: 450px;
         margin:0 200px;
      }

O que entendi foi: a linha que separa a div esquerda da central deve ser tão comprida quanto o conteúdo gerado pela div central.

sim mas cria-me outro problema, por exemplo se eventualmente a div da esquerda for maior do que a div do centro vai acontecer o mesmo, ou seja, a linha do conteúdo nao vai acompanhar a div da esquerda.. eu keria era mesmo que independentemente de onde acrescenta-se conteúdo (div da esquerda ou do centro) as duas div's nse acompanhassem uma á outra.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
#esquerda {
  width: 180px;
  /* min-height: 350px; */ /* vai definir o tamanho minimo da coluna da esquerda */
  border-right: 1px solid gray;
  background: #fff;
  padding: 3px;
  float: left;
}
#conteudo {
  border-left: 1px solid gray;
  background: #FFF;
  padding-top: 10px;
  width: 450px;
  margin: 0 200px;
  position: relative; left: -24px; /* chega o #conteudo para trás */
}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

#esquerda {
  width: 180px;
  /* min-height: 350px; */ /* vai definir o tamanho minimo da coluna da esquerda */
  border-right: 1px solid gray;
  background: #fff;
  padding: 3px;
  float: left;
}
#conteudo {
  border-left: 1px solid gray;
  background: #FFF;
  padding-top: 10px;
  width: 450px;
  margin: 0 200px;
  position: relative; left: -24px; /* chega o #conteudo para trás */
}

era uma solução mas partindo do principio k kero meter na esquerda e na direita.....

apenas referi só a esquerda pq depois era só fazer igual. e para além disso começa a dar problemas com os browsers com isso.

não há mesmo uma instrução k faça acompanhar as colunas ao centro conseante o conteudo acrescentado e vice-versa?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Só se definisses a propriedade height igual em cada um... Acho que é uma solução pouco prática, mas não põe em causa os problemas de browser.

A ideia do pmg é boa, pelo que percebi, queria fazer sobreposição e assim não se notava o border mais largo. Tenta explorar um bocado isso, e tentar que funcione nas 2, nem que aumentes o width numa e noutra.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora