ESTUDO DE CASO


Observe o código-fonte da página HTML abaixo, chamada index.html:

Os estilos desta página foram definidos utilizando-se CSS. Ao carregar a página nas últimas versões dos navegadores Internet Explorer e Google Chrome, foi apresentada a tela a seguir:

Pede-se para escrever o código-fonte do arquivo teste.css para gerar a tela apresentada, considerando que:
− Independente da resolução do monitor, o contêiner principal ficará sempre centralizado.
− Os contêineres menue, dir, ladoa e ladob devem ser flutuantes.
− Ao definir os estilos dos contêineres, deixar claro a relação de hierarquia.
− Cada contêiner deve ter sua área visível delimitada pela utilização de uma cor de fundo, definida pelo candidato.