Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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; }
Carregando comentários...
