Realize el curso paso a paso con html-kit completo.
Entonces la abri en Internet Explorer, Firefox, Safari, Google Chrome y se ve lo mas bien igual en todos pero en Opera el menu de la izquierda se mueve a la derecha cuando esta el menu y cuando no esta se mueve el titulo a la derecha.
otra pregunta por que en la vistaprevia del html-kit las letras se ven mas grandes y ocupan mas espacio que en en todos los navegadores.
ej. en la barra de navegacion en el html-kit se ve centrado pero en todos los navegadores se ve hacia la izquierda.
No uses la vista previa del HTML-Kit para disenar la web. Previsualizala ya en los otros navegadores, en todos a la vez.
En los otros problemas no podemos ayudarte porque no sabemos como tienes el codigo. Fijate que al final de lecciones te da como deberia quedar el codigo. Busca ahi si todo coincide, incluso el orden. Lo que cuentas lo mas seguro es que sea por el orden en el que tienes el CSS.
Yo esoty igua,l en el opera se me va medio titulo a la derecha y en los demas navegadores se me ve bien,como consigo saber como ponerlo bien para el opera!!!!!!
kiero saber:
debes abrir un tema para tu pregunta, pero ya de paso te respondo
necesitas pegar los codigos para ayudarte
saludos
Esto es lo que tengo en plantilla:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Segunda pagina</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
seccion 1
seccion 2
seccion 3
seccion 4
</div>
<div id="contenido">
<div id="menu">
<ul>
Enlace 1Enlace 2Enlace 3
</div>
<h1>Esta sera la zona principal de la web</h1>
Este es mi segundo parrafo por lo que veo es mas grande que el anterior Y luego ponemos el tercer y ultimo parrafo,este sera un poco mas largo,para ver el efecto real entre parrafos largos y parrafos cortos</p>
Y aqui entraremos ya en el</p><h2> ultimo parrafo</h2>
o quizas en el penultimo,la cuestion es ir llenando la web de palabras para yo poder comprobarlo</p>
Luego tenemos el ultimo renglon y este tiene que ser mas largo que el otro ya que asi podre apreciar mejor todos los efectos que puedan surgir con los diferentes renglones,y asi terminamos</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Y esto en la hoja de css:
* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px}
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:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width: 800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height: 85px }
#logotipo { width:280px ; float:left }
#publicidad { width:518px ; float:right }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#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}
#menu h1 {}
#pie {background-color: white ; border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
a {color: blue; font-size:1.3em ; text-decoration: none}
a {color: brown ; text-decoration: none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}
haber si se puede saber por que en el opera no se ve bien aqui dejo un enlace para que lo comprobeis:
historiasparanodormir.myartsonline.com/plantilla.html