Html + Css

Estou a fazer um site para um amigo e quero fazê-lo compatível
e acessível... gostaria de perguntar para vocês como criar um layout
com divs que tenha topo, na esquerda um menu de links e na direita conteúdos
do própio site e um rodapé...

por enquanto o que consegui criar foi isso:

==================================================================

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Primeiro teste com html e CSS</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>

<div id="pagina">
<div id="titulo">
<h1> Cabeçalho </h1>
</div>

<div id="menu">
<h1> Menu </h1>
<ul>
<li>linkum<br />
<li>linkdois<br />
<li>linktres<br />
</ul>
</div>

<div id="conteudo">

<h1> titulo um </h1>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br />
Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, <br />
at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, <br />
commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. <br />
Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. <br />
Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum <br />
et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, <br />
varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec <br />
eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, <br />
fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. <br />
Donec nec libero.
</div>

<div id="rodape">
<h4>rodapé</h4>
</div>
</div>

</body>

</html>

=================================================================

fiz então quatro div's, a primeira engloba as outras três
que são o menu, conteúdo e o rodapé...

a minha dúvida é a seguinte;

como faço para colocar (posicionar) a div de conteúdos
ao lado da div de menu ???

galera, posicionar eu já dei um jeito, pelo css
mas infelizmente não consegui o resultado que eu queria...
se coloco muito conteúdo escrito no meio (na div de conteúdo do meio)
o site sai todo fora de organização. alguém sabe como ajeito isso ??

e mais uma dúvida:

. como faço para centralizar todo o documento utilizando o css ???

segue abaixo o código css que utilizei
===========================================================

@charset "utf-8";
/* CSS Document */

#pagina {
background:#FF9;
text-align:center;
margin: 0;
padding: 0;
width: 780px;

}

#titulo {
border: 1px solid;
text-align: left;

}

#menu {
text-align: left;
background:#FC0;
float:left;
width: 200px;
height:500px;
border: 1px solid;

}

#conteudo {
text-align:center;
background:#FFF;
height: 500px;

}

#rodape {
border: 1px solid;

}

==================================================================

#1 Rodrigo Kesselring

#2 fabio_photos

#3 JaXs Designer

1 user(s) are reading this topic

Html + Css

#1 Rodrigo Kesselring

#2 fabio_photos

#3 JaXs Designer

1 user(s) are reading this topic

Entrar