Tables ou CSS

[gimbras]

Vê a source do indice deste forum, vais ver que o alfatek usou divs para as tabelas laterais onde dizem os ultimos topicos discutidos.

Como ele disse e eu ja tinha dito existem escolas que n gostam d tabelas para construir layouts, e pensam q as tabelas é só para tabular data (daí vem a tag <td> que representa a célula da tabela dentro da linha <tr>).

Pessoalmente faço em tabelas devido àquela ligeira deslocação no netscape qdo vê as divs. Se bem que isso possa ser alterado com 1 javascript mediante o browser do cliente.

[D12]

tipo eu gostava que me tirassem uma dúvida.
como se faz para por as div alinhadas horizontalmente?
e que eu tenho dificuldade em contrular o layout

[gimbras]

Mas tás a fazer no notepad? Não tens Frontpage 2003 ou Dreamweaver??

Para alinhares todas horizontalmente tens de lhe dar a mesma posição y (horizontal), neste caso tens de definir a posição do canto superior esquerdo da div que será o left: 150 px e top <-- aqui horizontal, 20 px.

Isto é so um exemplo. As divs têm width e height como tudo na vida e dps left (distancia da margem esquerda) e top (distancia da margem de cima).

[D12]

só tenho o notepad.
n percebi bem o k tu disseste, tipo se poem as div com margins em px elas vão funcionar de maneira diferente em cada resolução, n é?

[gimbras]

N é isso. As divs têm dimensões tal como as tabelas definidas em largura e altura. Mas têm ao contrário das tabelas as posições left e top.

Olha para o lado esquerdo desta página onde lês o que escrevo. É a tua margem esquerda da página.

A partir daí contas qtos pixels quiseres imaginamos 150 px, e colocas isso na div left=150.

No topo desta página é a tua margem top. Fazes a mesma cena e escolhemos por exemplo top=150

Se todas as divs estiverem a 150px do topo da pagina, todas terão top=150.

Portanto estarão todas alinhadas horizontalmente.

O que acontece é que o IE, FF e Opera enquanto lêm left=150 e top=150, o Netscape pq é diferente é capaz de ler left =148 e top=148.

Ficando assim diferente a página e a posição das divs dependendo do browser q a pessoa use.

[D12]

tipo n é isso que eu keria dizer.
o k keria dizer é que a medida px para as margins é relativa á resolução.
mas se usares percentagens nas margins ja fica bem em todas os browsers e em todas as reoluções, ou n?

[gimbras]

È capaz de ser relativa sim à resolução, mas num ecran de 1024 a div estar a 150px de distancia vai dar ao mesmo do que estar a 150px num ecran de 800x600, mas está sempre a 150.

Acho que percentagens n dá, é mesmo preciso um ponto certo. Experimenta com % e diz.

[santos]

mas que tipo de site planeias fazer?

Eu penso fazer um simples site temático, não muito complicado, com 5-8 páginas.

gimbras, para quê falar do netscape se ele está 'morto' e a percentagem de pessoas que o usam é miníma, se é que alguém ainda o usa? Para não flar que as versões dos ultimos 6 anos são baseadas em mozilla/firefox

[gimbras]

Mesmo estando com poucos utilizadores é sempre bom levar isso em conta. Mesmo a versão mais recente que tenho deste ano do Netscape parecida com o Mozilla/firefox apresenta essa diferença.

[santos]

Será que alguém me pode ajudar nisto?

eu tenho 2 divs:
div1: left: 2px
div2: right: 2px

Assim esses menus ficam afastados 2 px da borda da pagina. Mas eu quero mantê-los a uma distância máxima de 1500px entre si, tipo limitar o espaço que eles se podem afastar entre si, porque a partir de uma resolução superior fica desenquadrado.

[D12]

gimbras experimentei com % e deu!!!!:D
se n for pedir muito podias-me voltar a explicar a posição das divs que eu n percebi nd

[alfatek]

Vê a source do indice deste forum, vais ver que o alfatek usou divs para as tabelas laterais onde dizem os ultimos topicos discutidos.

Não te aconselhava a seguires o meu exemplo mas ok...

Exemplos:
http://css-discuss.incutio.com/

A parte de css layouts, é um wiki de uma excelente mailing list onde podes enviar as tuas dúvidas sobre css.

http://glish.com/css/
Outro muito conhecido

etc,etc,etc... é só mesmo procurar por "css 2 column" ou quantas colunas quiseres para o teu design. Depois há variantes "fluid" (usam percentagens para aumentar/diminuir de tamanho automaticamente consoante a resolução do ecrã, e tudo o mais... é só mesmo googlar e testar até acertares

[D12]

obrigado alfatek
eu já tenho o design do site que kero fazer "na minha cabeça",mas falta saber posicionar bem as divs.estes links paracem que explicam bem.
vou ver

[gimbras]

Posição das divs é definida assim: como as divs sao rectangulares ou quadradas têm um vértice superior esquerdo. Este é o teu ponto de referência. É a posição desse vértice que tens de definir.

Código: Seleccionar todos

<div style="left:710px; top:56px">

Ora aqui o vértice superior esquerdo vai ficar a 710px da margem esquerda do écran e a 56px do topo do ecran.

Santos: usa %s

Por acaso vinha já na intenção das %s e pensei que de certeza daria, e pronto o D12 já viu que dá.

[Frost]

se já tens uma ideia do site, faz um skecth do mesmo num editor de imagem que nós tentamos definir-te +/- um modelo de estrutura por css ...