Ola soy nuevo en el foro y tengo y problemilla con mi pagina web y es que con el html-kit y en el explorerse ve muy bien pero en el mozilla firefox se ve muy mal. Si alquien fuese capaz de ayudarme lo antes posible estaria muy agradecido.
Aqui os dejo el link para que la veais y averigueis el problema:
http://mipruebadeweb.atwebpages.com/plantilla.htmlGracias de antemano y saludos.
Pues has ouesto la cabezera mas paqueña que el logo,alrededor se 100px mas se arregla.Y en contenido tambien es mas pequeño que el menu.Ponle tambien mas tamaño de largo
kaotic lo he probado y no se soluciona que puedo hacer?
Aqui tienes el codico kaotik a ver si me puedes ayudarlo antes posible.
Gracias y un saludo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<style type="text/css">
</style>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</div>
<div id="publicidad"></div>
</div>
<div id="navegacion">
<ul id="menusup">
Sección 1Sección2Sección 3Sección 4
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Título de la sección 1</h1>Enlace 1Enlace 2Enlace 3Enlace 4
</div>
<h1>Bienvenidos</h1>
<p id="cctw">Bienvenidos, esta es mi página web de prueba. Ha sido creada gracias al tutorial de CCTW </p>
<h2>Mandame un E-mail</h2>
Abajo pondré mi dirección de correo electrónico por si quereis escribirme.</p>
[correo eliminado]
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
mejor pasame los css que por hay esta el error
De acuerdo kaotick aqui te paso los css. Gracias por tu ayuda y saludos
* {margin:0px ; padding:0px ; border: 0px}
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:100px }
#navegacion {background-color: silver ; border-left: black 1px solid ; border-right: black 1px solid ; height:30px}
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid ; height:400px }
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#global {width:800px ; margin: 4px auto }
body {text-align: center}
#menu {background-color: white ; width: 150px ; float:left ; text-align: left ; font-size: 1.1em ; margin:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior-1.gif) ; background-position: bottom }
#menu li {list-style: none ; margin: 4px 8px 4px 6px}
a {color: blue ; text-decoration: none ; display:block }
a:link {}
#menu a:visited {color: black}
#menu a:hover {color: red ; text-decoration: underline ; background-color: white }
#menu a:active {color: green }
#principal {text-align: left }
#contenido p {padding: 5px10px5px10px ; text-indent: 15px ; text-align: justify}
p {text-align: justify }
body {background-color: #000000 ; background-image: url(objetos/fondo.jpg) }
h1 {font-size: 1.4em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: left ; color: black}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: left ; color: black}
#curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#logotipo {width:280px ; float: left}
#publicidad {width:518px ; float: right}
#navegacion li {float:left ; list-style: none ; margin: 10px 20px 10px 20px}
#navegacion ul {margin-left: 180px}
#menusup a:hover {color: black}
#menu h1 {text-decoration: none ; font-size: 13px ; color: black ; background-image: url(objetos/menu-curva-superior-1.gif) ; padding-top: 12px}
#cctw a {text-decoration: underline}