ayuda¡¡¡ tengo un problema

hola mi web es esta:http://blakradio.onlinewebshop.net/index2.html

y como veran le falta el pie pero miren el codigo de mi pagina:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>radio</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>

<div id="global">

<div id="logotipo">
[img]objetos/logotipo.gif[/img]
</div>
<div id="navegacion">
  <ul>
    [*][url="index2.html"]home[/url]
    [*][url="contacto.html"]contacto[/url]
    [*][url="#"]foro[/url]
    [*][url="video.html"]videos[/url]
  [/list]
</div>

<div id="contenido">
<div id="menu">
  <ul>
	<h1>menu</h1>
    [*][url="#"]descargas[/url]
    [*][url="#"]contactanos[/url]
    [*][url="chat-radio.html"]chat[/url]
  [/list]
</div>



<h2>bienvenidos a BLak-S"Radio"</h2>
<SCRIPT src="http://www.flashvortex.com/hosted.php?id=2_1202778451_45106_253_0_417_68_8_1_6" type="text/javascript"></SCRIPT>



   </div>


<div id="pie">
     [url="#"]radio-empleo[/url]
    [url="contacto.html"]contacto[/url]
    [url="#"]copriht[/url]
  </div>
</div>
</div>


</body>
</html>

y miren el de la hoja de estilo

body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }
       background-image: url(objetos/fondo.png) ; 
             background-repeat: no-repeat ; 
             background-position: center center }
img {border-style: none}
.centrado {text-align:center}
.izquierda{text-align:left}

#cabecera {background-color: #ffffff }
#navegacion {background-color: #ff9900 }
#contenido {background-color: #ffffff}
#global {width:800px ; margin: 4px auto }
#pie {background-color: ##6666cc}
body {text-align: center}
#menu {background-color: yellow; width: 150px ; float:left }
#contenido {background-color:#ffffff ; width: 800px ; float:left}
#menu li { list-style:none }
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.0em ; text-decoration: none}

a         {color: brown ; text-decoration:none}
a:link    {}
a:visited {}
a:hover   {color: brown ; text-decoration:underline}
a:active  {}
a {color: brown ; text-decoration:none ; display: block }
a:hover {color:red ; text-decoration:underline ; background-color: silver}

p {text-align: justify}

h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:#ff9933 ; font-weight: bold ; text-decoration: none ; text-align: center}

#logotipo   {background-color: #ffffff}
#publicidad {background-color: pink}

#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion ul { margin-left: 180px }
#menu h1 {text-decoration:none ; font-size:10px}

#menu h2 {text-decoration:none ; font-size:20px}


que me falta :idea: ayuda¡¡¡¡¡¡
jhonatan escribió:hola mi web es esta:http://blakradio.onlinewebshop.net/index2.html

y como veran le falta el pie pero miren el codigo de mi pagina:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>radio</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>

<div id="global">

<div id="logotipo">
[img]objetos/logotipo.gif[/img]
</div>
<div id="navegacion">
  <ul>
    [*][url="index2.html"]home[/url]
    [*][url="contacto.html"]contacto[/url]
    [*][url="#"]foro[/url]
    [*][url="video.html"]videos[/url]
  [/list]
</div>

<div id="contenido">
<div id="menu">
  <ul>
	<h1>menu</h1>
    [*][url="#"]descargas[/url]
    [*][url="#"]contactanos[/url]
    [*][url="chat-radio.html"]chat[/url]
  [/list]
</div>



<h2>bienvenidos a BLak-S"Radio"</h2>
<SCRIPT src="http://www.flashvortex.com/hosted.php?id=2_1202778451_45106_253_0_417_68_8_1_6" type="text/javascript"></SCRIPT>



   </div>


<div id="pie">
     [url="#"]radio-empleo[/url]
    [url="contacto.html"]contacto[/url]
    [url="#"]copriht[/url]
  </div>
</div>
</div>


</body>
</html>

y miren el de la hoja de estilo

body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }
       background-image: url(objetos/fondo.png) ; 
             background-repeat: no-repeat ; 
             background-position: center center }
img {border-style: none}
.centrado {text-align:center}
.izquierda{text-align:left}

#cabecera {background-color: #ffffff }
#navegacion {background-color: #ff9900 }
#contenido {background-color: #ffffff}
#global {width:800px ; margin: 4px auto }
#pie {background-color: ##6666cc}
body {text-align: center}
#menu {background-color: yellow; width: 150px ; float:left }
#contenido {background-color:#ffffff ; width: 800px ; float:left}
#menu li { list-style:none }
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.0em ; text-decoration: none}

a         {color: brown ; text-decoration:none}
a:link    {}
a:visited {}
a:hover   {color: brown ; text-decoration:underline}
a:active  {}
a {color: brown ; text-decoration:none ; display: block }
a:hover {color:red ; text-decoration:underline ; background-color: silver}

p {text-align: justify}

h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:#ff9933 ; font-weight: bold ; text-decoration: none ; text-align: center}

#logotipo   {background-color: #ffffff}
#publicidad {background-color: pink}

#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion ul { margin-left: 180px }
#menu h1 {text-decoration:none ; font-size:10px}

#menu h2 {text-decoration:none ; font-size:20px}


que me falta :idea: ayuda¡¡¡¡¡¡

ahora el pie se me fue la lado del contenido :(
jhonatan escribió:hola mi web es esta:http://blakradio.onlinewebshop.net/index2.html

y como veran le falta el pie pero miren el codigo de mi pagina:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>radio</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>

<div id="global">

<div id="logotipo">
[img]objetos/logotipo.gif[/img]
</div>
<div id="navegacion">
  <ul>
    [*][url="index2.html"]home[/url]
    [*][url="contacto.html"]contacto[/url]
    [*][url="#"]foro[/url]
    [*][url="video.html"]videos[/url]
  [/list]
</div>

<div id="contenido">
<div id="menu">
  <ul>
	<h1>menu</h1>
    [*][url="#"]descargas[/url]
    [*][url="#"]contactanos[/url]
    [*][url="chat-radio.html"]chat[/url]
  [/list]
</div>



<h2>bienvenidos a BLak-S"Radio"</h2>
<SCRIPT src="http://www.flashvortex.com/hosted.php?id=2_1202778451_45106_253_0_417_68_8_1_6" type="text/javascript"></SCRIPT>



   </div>


<div id="pie">
     [url="#"]radio-empleo[/url]
    [url="contacto.html"]contacto[/url]
    [url="#"]copriht[/url]
  [color=red]</div>
</div>
</div>[/color]


</body>
</html>

y miren el de la hoja de estilo

body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }
       background-image: url(objetos/fondo.png) ; 
             background-repeat: no-repeat ; 
             background-position: center center }
img {border-style: none}
.centrado {text-align:center}
.izquierda{text-align:left}

#cabecera {background-color: #ffffff }
#navegacion {background-color: #ff9900 }
#contenido {background-color: #ffffff}
#global {width:800px ; margin: 4px auto }
#pie {background-color: ##6666cc}
body {text-align: center}
#menu {background-color: yellow; width: 150px ; float:left }
#contenido {background-color:#ffffff ; width: 800px ; float:left}
#menu li { list-style:none }
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.0em ; text-decoration: none}

a         {color: brown ; text-decoration:none}
a:link    {}
a:visited {}
a:hover   {color: brown ; text-decoration:underline}
a:active  {}
a {color: brown ; text-decoration:none ; display: block }
a:hover {color:red ; text-decoration:underline ; background-color: silver}

p {text-align: justify}

h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:#ff9933 ; font-weight: bold ; text-decoration: none ; text-align: center}

#logotipo   {background-color: #ffffff}
#publicidad {background-color: pink}

#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion ul { margin-left: 180px }
#menu h1 {text-decoration:none ; font-size:10px}

#menu h2 {text-decoration:none ; font-size:20px}


que me falta :idea: ayuda¡¡¡¡¡¡


POr que cierras tres veses el div ahi??? ( lo marcado en rojo )
ya lo arreglee pero lo que pasa es que en IE se ve mal y en Mozilla se ve ien :lol: que hago men?
La verdad es que es muy dificil que se vea bien en varios navegadores haciendo la web con capas.
Te recomiendo que hagas con tablas.
jhonatan escribió:ya lo arreglee pero lo que pasa es que en IE se ve mal y en Mozilla se ve ien :lol: que hago men?

ya de q? :( :? :( lo borre todo voy hacer el curso de nuevo :(