problema estilo cabecera

Adaraja · 28 Jun 2011, 10:20 · Solicitar retirada

En la cabecera de la hoja de estilo tengo puesto lo siguiente:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.3em ; color:"979090" ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.2em ; color:"979090" ; font-weight: bold ; text-decoration: none ;
text-align: center}
h3 {font.size:1.1em; color:"979090"; font-weight:bold; text-decoration:none; text-align:center;}
body {background-color:"eee6ec";text-align: center }
#global {width:800px}
#cabecera {background-color:"979090"; height:180px; font-family: "Verdana,arial,helvetica,sans serif" }
#logotipo {background-color: "white"; float:left; padding:5px 15px 15px 10px}
#titulos{}
#vacio{background-color:"white";height= 20px;}
#publicidad {height:45px;text-align:right; padding:5px 5px 5px 0px;font-size:35px;font-weight: bold; color="#FFFFFF"}
#publicidad1{height:35px;; text-align: right; margin-top:2px; padding-right:5px; font-size: 28px;font-weight: bold; color="#FFFFFF"}
#publicidad2{height:35px; text-align: right; margin-top:2px;padding-right:5px; font-size: 28px;font-weight: bold; color="#FFFFFF"}

y en la plantilla

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilo-general2.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">

<div id="cabecera">
<div id="logotipo">
<a href="index.html">
<img src="objetos/dovela68.jpg" width="130px" height="130px" alt="Haz clic aquí para volver a la página de inicio">
</a>
</div>
<div id="publiciadageneral">
<div id="vacio"><p></p></div>
<div id="publicidad"><b>a d a r a j a</b></div>
<div id="publicidad1">primera línea</div>
<div id="publicidad2">segunda línea</div>
</div>
</div>


quiero que la parte blanca del "logotipo" se continue con la parte blanca de "vacio", de forma tal que el logo quede como flotando, sin embargo me sale una línea de color de fondo de la cabecera entre uno y otro elemento.
He revisado una y mil veces y no encuentro el fallo, en Body al crear el menu lateral no tengo ese problema y sin embargo es más o menos igual.
¿que hago mal?
¿me podeís echar una mano?
gracias.

Adaraja · 28 Jun 2011, 21:07 · Solicitar retirada

Solucionado, le he dado muchas vueltas, ha quedado de este modo
hoja de estilo
#cabecera {background-color:white; height:180px;font-family: "Verdana,arial,helvetica,sans serif" }
#logotipo {background-color:white;float:left; padding:5px 15px 10px 10px}
#vacio{height= 20px;}
#publicidadgeneral{background-color:"979090"}
#publicidad {height:45px;text-align:right; padding:5px 5px 5px 0px;font-size:35px;font-weight: bold; color="#FFFFFF"}
#publicidad1{height:35px;; text-align: right; margin-top:2px; padding-right:5px; font-size: 28px;font-weight: bold; color="#FFFFFF"}
#publicidad2{height:70px; text-align: right; margin-top:2px;padding-right:5px; font-size: 28px;font-weight: bold; color="#FFFFFF"}
y la plantilla

<div id="cabecera">
<div id="logotipo">
<a href="index.html">
<img src="objetos/dovela68.jpg" width="130px" height="130px" alt="Haz clic aquí para volver a la página de inicio">
</a>
</div>
<div id="vacio"><p></p></div>
<div id="publicidadgeneral">

<div id="publicidad"><b>a d a r a j a</b></div>
<div id="publicidad1">primera línea</div>
<div id="publicidad2">segunda línea</div>
</div>
</div>

cosas de novato
saludos