Problema con cabecera

Hola, estoy siguiendo el curso de como crear tu web, pero tengo un problema con la cabecera cuando quiero dividirla en dos, una para el logo y otra parte para publicidad.He copiado lo que pone en la web,pero no se me divide la capa Cabecera, sino que se crea otra capa debajo de esta, que es la de publicidad.

Como puedo hacerlo??

Saludosss
www.jose-palomino.com
Dentro de la capa cabecera mete dos capas, una con float: left y otra con float: right
Saludos, Juanma
Hola, gracias por la respuesta.

Eso es lo que he hecho, pero no me sale como deberia.
Aqui te dejo los codigos para ver si falta/sobra algo.
Gracias y un saludo.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logo"></id>
<div id="publi">Bienvenidos a mi web</id>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    <h1>Esta será la zona principal de la web</h1>


    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
    <h2>Y este es el tercer párrafo.</h2>

    En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    CSS

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #cabecera {background-color: pink; height:85px }
    #logo {background-color: green; width:280px; float:left}
    #publi {backround-color: red; width:518px; float:right; margin-top:25px}
    #navegacion {background-color: gray }
    #contenido {background-color: orange ; width: 800px ; float:left }
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #pie {background-color: brown }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    p {text-align: justify}
    h1 {font-size: 1.5em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
  • www.jose-palomino.com
    Hola

    checa esto:

    <div id="logo"></id>
    <div id="publi">Bienvenidos a mi web</id>

    los cierres estan mal debe ser:

    </div>

    <div id="logo"></div>
    <div id="publi">Bienvenidos a mi web</div>


    saludos
    Ok, muchas gracias, ya esta solucionado!

    Ahora me pasa otra cosa, en la pagina que tengo que hago pruebas, cuando la subo al servidor no me sale lo mismo en el Firefox, que en el explorer, ni en el preview del HTML kit.
    Que hago para asolucionar esto?
    Aqui les dejo los codigos a ver si me podeis hehcar una mano, Gracias!!!

    HTML

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Jose A. Palomino "Titi"</title>
    <link rel="stylesheet" href="estilo-principal.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="cabecera"><div id="logotipo">[contenido no disponible]</div>
    <div id="publicidad">[contenido no disponible] </div>
    </div>
    <div id="navegacion"><ul>
    <ul>
  • Biografia
  • Fotos
  • Conciertos
  • Links
    </div>
    <div id="contenido">
    <h1>Bienvenidos a mi pagina web</h1>


    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
    <h2>Y este es el tercer párrafo.</h2>

    En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    CSS

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    body {background-color: black;background-image: url(objetos/Fondo-principal.jpg); background-position: center; text-align: center; background-repeat: no-repeat ; height:100%; }
    #global {width:800px ; margin:4px auto }
    #cabecera {height:90px }
    #logotipo {width:270px ; float:left; height: 90px }
    #publicidad {widht: 518px; float: right; height: 90px}
    #navegacion {background-color: gray; border: black 1px solid; ; height:20px; text-align: center }
    #navegacion li{ float: left; list-style: none; margin: 0px 20px 0px 20px}
    #contenido p{color: silver; background-color: orange }
    #pie {background-color: brown; border: black 1px solid } }
    a {color: brown ; text-decoration:none ;display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline}
    a:active {}
    p {text-align: justify}
    h1 {font-size: 1.5em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: left}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
    #navegacion ul { margin-left: 50px }


    La pagina la podeis ver aqui.

    Gracias por vuestra ayuda!
  • www.jose-palomino.com
    Hola

    Yo la veo bien con firefox

    solo te comento una cosa, si vas a poner ese fondo tan obscuro, te recomiendo que pongas las letras claras, porque de lo contrario no se ven



    saludos
    Gracias yaneth, las letras estan de prueba de momento.

    Tu como lo ves? Porque yo veo el primer titulo en 2 lineas, cuando deberia de estar en una, no??

    Gracias por tu ayuda!
    www.jose-palomino.com
    no, yo lo veo bien

    el titulo está centrado
    y en una sola linea

    saludos