Entrar

problema..la pantalla mas hancha que la pagina..miren

jhonatan · · Solicitar retirada
problema..la pantalla mas hancha que la pagina..miren el codigo...


estilo.css


* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {background-color: #E6E6FA ; text-align: center}
background-image: url(objetos/fondo.jpg)

#global {width:500px ; margin:4px auto }


#cabecera {background-color: #000000 ; 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: #c0c0c0 ; border: black 1px solid ; height:20px}
#navegacion li {float:left}
#contenido {background-color: #F0F8FF ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: #cccccc ; width: 150px ; float:right ; text-align:right ; margin: 3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie { background-color: #808080 ;}
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 200px }

a {color: #ff3300 ; text-decoration:none ; display: block }
a:link {}
a:visited {color:black}
a:hover {color:#999999 ; text-decoration:underline ; background-color: #cccccc}
a:active {text-decoration:underline}
p {text-align: justify}
h1 {font-size: 1.2em; color:#ff9933; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:#ff9900 ; font-weight: bold ; text-decoration: none ; text-align: center}


body {background-color: #E6E6FA ; background-image: url(objetos/fondo.gif) }
background-image: url(objetos/fondo.gif) ;
background-repeat: repeat ;
background-position: center center }

img { border-style: none }

.centrado { text-align:center }

.verde {color:#009900}



.amarillo { text-color:yellow ; }

p { font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
text-align: justify;
text-indent: 40px;
margin: 10px 10px 10px 10px ;
}



#menus

{width:160px; float:left}
#menu {background-color: lorange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-position: bottom ;
padding-bottom:5px }

#menu2 {background-color: #000000 ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-position: bottom ;
padding-bottom:5px }

#menu3 {background-color: #000000 ; width: 150px ; float:right ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-position: bottom ;
padding-bottom:5px }

#menu4 {background-color: #000000 ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-position: bottom ;
padding-bottom:5px }

#menu5 {background-color: #000000 ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-position: bottom ;
padding-bottom:5px }

background-position: bottom ;
padding-bottom:5px }
#menus li {list-style:none ; margin: 4px 8px 4px 6px }
#menus h1 {text-decoration:#ffffff ; font-size:12px ; padding-top:12px ) }




index.html

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

<html>
<head>
<title>Page title</title>
<link rel="STYLESHEET" href="estilo.css" type="text/css" />
</head>
<body>
<div id="global">

<div id="cabecera">[contenido no disponible]</div>


<div id="navegacion"></div>


<div id="contenido">
<div id="menu">ddd</div>
<embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=24287446" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" />
Get your own Chat Box! Go Large!


[contenido no disponible]



</div>
<div id="pie">hola estoy haciendo la pagina</div>
</div>
</body>
</html>

y la pagina ...

http://j-master325.onlinewebshop.net/

que hago..nadamas queria que se viera el fondo :?
RogexdarK · · Solicitar retirada
Uhmm tu pagina se ve centrada pero el fondo creo q no encaja bien cual es el problema ..