Es hora de comenzar a escribir tu CSS
Al comienzo, otórgale a cada div
un "border". Por ejemplo, div {border:1px dotted gray; padding:.5em}
Esto contribuirá a que puedas ver donde empieza y termina cada división y, además, a descubrir si tiene algún anidamiento.
Escribe primero tu CSS para los selectores de elemento (<html>
, <body>
, <p>
, <h1>
, <h2>
, <ul>
, <li>
, etc.).
Utiliza tantos selectores contextuales o de descendientes como sea posible. Esto contribuirá a que tu marcado se vea mucho más definido. Por ejemplo, #subnav li{border:1px solid black; padding:.5em; display: inline}
solamente afectará los ítems de lista que tienen lugar dentro de tu div
de subnav.
Pon a prueba tantos exploradores como puedas y haz que tus amigos pongan a prueba los suyos.