[Página prévia] [Próxima página] [Seção página de conteúdo]

Posicionamento no Internet Explorer 4.0x

Em primeiro lugar, note que os métodos de posicionamento para o Netscape e o Internet Explorer descritos nesta página não s&atildeo as únicas maneiras de se criar revestimentos. Entretanto, ao usar os métodos descritos aqui, você poderá montar uma página que vai funcionar em todos os três browsers -- contanto que você use um JavaScript para carregar o style sheet apropriado para cada browser e prepare as camadas (layers) posteriores (estes scripts serão apresentados logo a seguir da explicação sobre posicionamento).

Criar revestimentos no IE 4.0(x) requer o uso de posicionamento relativo e absoluto, margens, e layers (camadas).

Tal como no caso do Netscape 4.0, a porção do background do revestimento deve estar dentro de um elemento (ou classe) que se posiciona de maneira relativa (ao fluxo do conteúdo da página):


 	.hugeding
 	{		
 		font: 80pt 'Wingdings', 'fantasy';
 		color: #FFFF99;
 		position: relative;
 		}
 	

A porção anterior do revestimento deve ser um elemento (ou classe) que se posiciona de maneira absoluta (dentro do elemento background), mas já que ele tem que ser posicionado provavelmente você vai querer criar uma classe especial para este fim:


 	.shadow3
 	{		
 		font: Bold x-large 'sans-serif';
 		color: #339999;
 		position: absolute;
 		left: 50pt;
 		top: 35pt;
 		z-index: 3;
 		}
 	

Observe que o posicionamento aqui está usando as propriedades left e top; esses valores são melhor determinados por tentativa e erro. Observe também a propriedade Z-index. Tal como os layers do Netscape, os elementos com valores mais altos de Z-index aparecem por cima dos elementos com valores mais baixos (o valor default é 1).

O conteúdo daquilo que deve ser posicionado como revestimento posterior (no fundo), é colocado dentro do elemento background, usando a tag <span>:


 	<p class=hugeding>
 	0<br>
 	<span class=shadow3 id=layer3>
 	Arquivos
 	</span>
 	</p>
 	

Observe o atributo class; ele especifica o estilo do elemento anterior (foreground). O atributo id=layer3 é do Netscape; o IE irá ignorá-lo se não aparecer nenhum #layer3 na folha de estilo do IE.

[Página prévia] [Próxima página] [Seção página de conteúdo]