Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Natan Miranda

Problema com Position

Por , em Desenvolvimento frontend

Recommended Posts

Natan Miranda    0

Natan Miranda
Postado

Olá a todos,

 

bom pessoal, quanto a dúvida que estou postando, sei que vocês já devem estar cansados de responder sobre este assunto e vão me mandar ler outros artigos e tal. Pois eu mesmo, entrei aqui para procurar algo que parecida fácil de resolver, já li uns 10 artigos com pessoas com o mesmo problema que eu. Sério, li muita coisa interessante mesmo, desobri até a diferença entre Tableless e Web Standards, muito bacana mesmo.

Porém, mesmo lendo tantos artigos não consegui resolver meu problema.

E o que acontece é o seguinte:

Comecei a estrutar o site em tabelas mesmo (agora que vi bastante coisas sobre tableless, no próximo não farei) mas precisei usar um div para inserir apenas um menu em uma parte deste site, pois esse menu é constituido de dois 'drop down list' onde em um deles há a opção de escolher uma data e em outro a opção de escolher um evento. O problema é que o nome dos eventos são grandes, o que ocasiona no redimensionamento do dropdown e posteriormente bagunçando toda a estrutura do site por causa da tabela.

Aí veio a solução, o div! E daí também o segundo problema. Pois o lance do dropdown eu resolvi, tudo ok. Porem, o div fica legal em resolução de 1024x768, mas quando mudo para 800x600 ...não preciso nem contar o resto né?

Bom já tentei de tudo..positon relative, fixed (pelo oq entendi nao funciona no IE), absolute e tal...Preciso da ajuad dos leitores para tentar solucionar isto...e desde ja agradeço a atenção e colaboração.

 

segue abaixo o código fonte do site onde esta localizado o menu:

 

<body class="body"><div id="menu" class="menu"><form name="doublecombo" id="doublecombo">	<div align="center">	  <select name="example" size="1" class="caixa" onchange="redirect(this.options.selectedIndex)">		<option>Escolha uma data</option>
...etc ...

 

e este é meu arquivo css com as informações ( do jeito que está agora pois ja fiz todo tipo de alteração):

 

.body {	margin:0;  }.textos {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	color: #0099CC;	text-decoration: none;}.caixa {	border: 1px solid #666666;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;	font-style: normal;	color: #0099CC;	height: auto;	width: auto;}.menu {	position: absolute;	width:205px; 	height:110px; 	left: 150px; 	top: 166px;	}

Compartilhar este post

Link para o post
Compartilhar em outros sites

inforsis    1

inforsis
Postado

Olá naadler, Bom Dia!

 

Olá natan! Onde você leu sobre tableless?

é melhor que as tabelas?

Alguns links onde pode estar se informando.

 

"Porque utilizar tabelas para layouts é estupidez"

 

Tableless.com

 

Se fizer uma busca aqui no fórum também encontrará um bom material sobre o assunto. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Natan Miranda    0

Natan Miranda
Postado

Olha não acho que estruturar os sites em tabelas seja tão mal assim, dependendo da habilidade de manipu-lás, dá pra conseguir resultados igual aos div, inclusive tem muito site grande e famoso por aí que é estruturado em tabelas. Mas axo que vai depender da necessidade de cada um, ou seja, cada caso é um caso. Sem tabelas, fica mais fácil pra organizar o site e dá pra ter um resultado eficiente, principalmente, utilizando os valores dos atributos float, clear e relative. No meu próximo site (que tenha bastante conteúdo), vou migrar de vez para o uso dos divs. Mas por um outro lado é preciso dar uma lida bem detalhada sobre Tableless e Css, porque senão acontece o que aconteceu comigo e cai na contradição do uso de resoluções diferentes =/ ..tem de saber organizar..mais aí galera, até agora não consegui resolver o problema =(

Compartilhar este post

Link para o post
Compartilhar em outros sites

inforsis    1

inforsis
Postado

oi Natan Miranda, posta o link do seu problema para que o pessoal possa visualizar melhor. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Em relação aos comentários sobre o uso indevido de tabelas ou não fica para outro tópico. :P

Compartilhar este post

Link para o post
Compartilhar em outros sites

Natan Miranda    0

Natan Miranda
Postado

oi Natan Miranda, posta o link do seu problema para que o pessoal possa visualizar melhor. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Em relação aos comentários sobre o uso indevido de tabelas ou não fica para outro tópico. :P

novamente, o menu está aqui:

 

http://www.cacapavasite.com.br/fotos/novo.php

Compartilhar este post

Link para o post
Compartilhar em outros sites

inforsis    1

inforsis
Postado

Oi Natan Miranda!

Você esta desenvolvendo utilizando tabelas para fazer as marcações do layout o que não é nada recomendado.

Então vamos lá ao seu problema:

 

Primeiro:

Retire o position: absolute; da sua classe .menu (pois você apenas irá inserir dentro da sua tabela.) http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

 

Agora dentro do seu html, insira o código do seu menu, no local "correto", entre as tag table provavelmente na linha 37 do seu código, observe o local correto. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Isso resolve esse problema.

 

Espero que continue estudando para que o quanto antes você começe a desenvolver seus sites da forma correta. Qualquer dúvida sempre verifique aqui na Busca do Fórum iMasters, caso ainda não tenha sido resolvido post.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Natan Miranda    0

Natan Miranda
Postado

Obrigado pela ajuda Inforsis. Estou no trampo agora mas assim que chegar em casa vou fazer estas modificações para ver se funfa. Depois, retorno aqui no fórum respondendo se foi resolvido ou nao, mas de qualquer maneira, vlw!!

 

Se não funcionar, vou aproveitar e refazer o layout desta página, já aproveitando que ainda não fiz muita coisa nele. Aí, neste caso farei todo em Divs. Tem um artigo aqui no fórum comentando sobre site em três colunas que me será bem útil!

 

Oi Natan Miranda!

Você esta desenvolvendo utilizando tabelas para fazer as marcações do layout o que não é nada recomendado.

Então vamos lá ao seu problema:

 

Primeiro:

Retire o position: absolute; da sua classe .menu (pois você apenas irá inserir dentro da sua tabela.) http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

 

Agora dentro do seu html, insira o código do seu menu, no local "correto", entre as tag table provavelmente na linha 37 do seu código, observe o local correto. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Isso resolve esse problema.

 

Espero que continue estudando para que o quanto antes você começe a desenvolver seus sites da forma correta. Qualquer dúvida sempre verifique aqui na Busca do Fórum iMasters, caso ainda não tenha sido resolvido post.

** Ah, só uma coisinha. vou retirar o position: absolute e não vou substituir por nenhum outro codigo? apenas remove-lo ?

Em minha cabeça isso vai ficar faltando um atributo para o div e nao vai funfar.....

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito