Entrar

Firefox e Internet explorer no muestran la estructura =

soitaladro · · Solicitar retirada
Yo de nuevo :oops:

Bien ahora tengo un nuevo problema el cual es con la imagen de la curva inferior .

en internet explorer se ve [contenido no disponible]

Pero en firefox sale todo desparramado alguien me puede explicar o enseñar que fue lo que hice mal ?

[contenido no disponible]

Espero su respuesta :roll:
soitaladro · · Solicitar retirada
* {margin:0px ; padding:0px ; border: 0px}
#cabecera {background-color: withe ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }
#navegacion {background-color: gray ; border: black 1px solid}
#contenido {border: 1px solid black ; border-left: black 1px solid ; border-right: black 1px solid ; background-color: orange ; width: auto ; }p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#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: left}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px ; border: 10px 10px 10px 10px ; padding: 10px 10px 10px 10px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
a {color: blue; font-size:1.3em ; text-decoration: none}
a {color: brown; text-decoration: none}
a:link ()
a:visited ()
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:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#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 {background-color: brown ; width:280px ; float:left}
#publicidad {background-color: pink ; width:518px ; float:right
; margin-top:25px}



------------------------------



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

<html>

<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>

<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"></div>
[contenido no disponible]

<div id="publicidad">Bienvenidos a mi Web</div>
</div>

<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>


    <h1>Primer parrafo</h1> Cualquier cosa Cualquier cosa Cualquier cosa Cualquier cosa Cualquier cosa Cualquier cosa
    Cualquier cosa Cualquier cosa Cualquier cosa Cualquier cosa Cualquier cosa Cualquier cosa</p>
    <h2>Este es otro parrafo</h2>

    Acá podria escribir cualquier cosa total da lo mismo no?
    </p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>

    </body>
    </html>
    • codomodragon · · Solicitar retirada
    Primero organiza los códigos amigo,
    segado los códigos del ejemplo deberían verse así

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
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 ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid }
#contenido  {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 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: white ; 
       border-left: black 1px solid ; 
       border-right: black 1px solid; 
       border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; 
									background-repeat: no-repeat ;
									width: 800px ;
									height:12px ;
									overflow: hidden }
									
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.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}
    Como vez hay barios errores
    1. pusiste un código de mas en el estilo del contenido
    2. el orden, amigo es muy importante para agilizar la velocidad de un web, ósea que el orden de los estilos en relación a los div sea el correcto.
    3. hay mas pero estos son los mas resaltantes.