Wiki:
Los usuarios registrados de DesarrolloWeb.com pueden modificar los contenidos y realizar aportaciones en esta sección.
Hola a todos, estoy haciendo una web para un pub y tengo parios problemas empiezo por el 1º
Mi pagina es esta http://www.pubtinos.es.tl , yo trabajo con un portatil antiguo y la pagina se me ve perfecta todo encaja pero para sorpresa mia cuando abro la pagina con un portatil de los nuevos la pantalla se corta en dos, el segundo problema es que si os fijais el menu no lo puedo mover se a quedado ai y no se como moverlo os dejo el codigo de toda la pagina y a ver si alguien me puede ayudar muchas gracias por vuestra atencion
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
<title>Decayed</title>
</head>
<body>
<div id="container">
<div id="content">
<ul id="nav">
<li><a href="http://pubtinos.es.tl/">Home</a>
</li>
<li><a href="http://pubtinos.es.tl/Eventos.htm">Eventos</a>
</li>
<li><a href="http://pubtinos.es.tl/Multimedia.htm">Multimedia</a>
<ul>
<li><a href="http://pubtinos.es.tl/Fotos.htm" target="_new">Fotos</a></li>
<li><a href="http://pubtinos.es.tl/Videos.htm" target="_new">Videos</a></li>
<li><a href="http://pubtinos.es.tl/Sesiones.htm" target="_new">Sesiones</a></li>
</ul>
</li>
<li><a href="http://pubtinos.es.tl/Contacto.htm">Contacto</a>
<ul>
<li><a href="http://pubtinos.es.tl/Mapa.htm" target="_new">Mapa</a></li>
</ul>
</li>
</ul>
<script LANGUAGE="JavaScript">
var txt="*Pub Tino's";
var espera=200;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</script>
<style type="text/css">table[height ="102"] {position:absolute; left:130px; top:1000px; width:200px; height:70px;}</style>
<style type="text/css">
<!-- td.nav{visibility:hidden;}
td.nav:hover{visibility:hidden;}
td.nav_heading{visibility:hidden;}
-->
</style>
<table id="bodyk" width="758" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<script language="Javascript">
<!-- Begin
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
<div id="footer">
<div class="right">© 2010 <a href="http://www.wavedub.tk">WaveDub</a>
<div class="clearer"><span></span></div>
</div>
</div>
</div>
</div>
</body>
</html>
# <!--Codes4Web aprende a adaptar CSS-->
# lli.nav_element{display: none;}
# li.nav_element a{display: none;}
# h1#title{display: none;}
# h2#title span {display: none;}
# div.header{display: none;}
# li.nav_element{list-style-type: none;}
# li.nav_element{display: none;}
/*
Template name: Decayed
Template URI: http://templates.arcsin.se/decayed-website-template/
Release date: 2007-05-12
Description: A dark trash style two-column website template.
Author: Viktor Persson
Author URI: http://arcsin.se/
This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/
/* standard elements */
html {min-height: 100%;}
* {
margin: 0;
padding: 0;
}
a {color: #CC3;}
a:hover {color: #FF3;}
body {
background: #000 url(http://img593.imageshack.us/img593/8394/bodyf.jpg)
repeat-x;
color: #DDD;
font: normal 100% "Trebuchet MS",Verdana,sans-serif;
padding-left: 100px;
}
p,code,ul,ol {padding-bottom: 1.2em;}
h1 {
color: #CCC;
font: normal 2em Impact,sans-serif;
}
h1 a {
color: #000;
text-decoration: none;
}
h1 a:hover {
color: #F00;
}
h2 {font: normal 1.8em Tahoma,sans-serif;}
h1,h2 {padding-top: 6px;}
blockquote {
color: #CCA;
display: block;
font-weight: bold;
padding-left: 28px;
}
img {border: none;}
img.right {margin: 5px 0 5px 12px;}
img.left {margin: 5px 12px 5px 0;}
img.border {
background: #555;
display: block;
padding: 3px;
}
/* misc */
.clearer {
clear: both;
font-size: 0;
}
.left {float: left;}
.right {float: right;}
.decay,.decay-small {
background: url(http://www.fileden.com/files/2010/9/11/2967152/decay.gif) no-repeat left center;
color: #000;
font: normal 2em Impact,sans-serif;
letter-spacing: 1px;
padding: 0 0 12px 22px;
}
.decay-small {
background: url(http://www.fileden.com/files/2010/9/11/2967152/decay-small.gif) no-repeat left center;
padding-top: 6px;
}
p.postinfo {
border-top: 1px dashed #333;
color: #666;
font: bold 0.9em sans-serif;
margin-bottom: 24px;
padding: 8px;
}
p.postinfo a {color: #888;}
p.postinfo a:hover {color: #CCC;}
/* structure */
#container {
font-size: 1.3em;
}
/* title */
#site-title {font: normal 3em Tahoma,sans-serif;}
#site-title a {
color: #DDD;
text-decoration: line-through;
}
#site-title a:hover {
color: #FFF;
text-decoration: none;
}
#site-description {color: #CCC;}
/* content */
#content {
left: 360px;
position: absolute;
top: 90px;
width: 610px;
}
#content .descr {
color: #8DC63F;
margin-bottom: 6px;
}
#content li {margin-left: 18px;}
/* navigation */
#navigation {
left: 120px;
position: absolute;
top: 290px;
width: 210px;
}
#navigation h2 {
color: #000;
font-size: 1.5em;
letter-spacing: 0;
line-height: 30px;
margin: 0;
}
#navigation ul {margin: 0 0 0 1em;}
#navigation li {list-style: none;}
#navigation li a {
color: #777;
font-size: 1.1em;
line-height: 1.5em;
text-decoration: none;
}
#navigation li a:hover {color: #8DCA3F;}
/* footer */
#footer {
border-top: 1px dashed #333;
color: #666;
font: normal 0.9em sans-serif;
position: absolute;
top: 100%;
width: 100%;
}
#footer a {
color: #999;
text-decoration: none;
}
#footer a:hover {
color: #CCC;
text-decoration: underline;
}
#footer .left, #footer .right {padding: 10px 0;}
#footer .right a {color: #777;}
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
#nav{margin:0;position:absolute;top:10px;right:30px; }
#nav li{color:#FFFFFF; float:left;width:11em;margin:0;padding:0;list-style:none;background:transparent;font:11px Verdana,Tahoma,Helvetica,Sans-serif;text-align:center;position:relative;cursor:default;}
#nav li ul{padding-top:7px; margin:0;}
#nav a{text-decoration:none;}
#nav li a{ color: #FFFFFF; font-weight: bold;}
#nav li a:hover{text-decoration:underline;}
#nav li li a:hover{text-decoration:none;}
#nav li li{filter:Alpha(opacity=50,finishopacity=50,style=1); }
#nav li li a{ border-color: #FF40FD; border-style:solid; border-width:0 2px 1px 2px; display:block; color:#000000; font-weight: bold;background:transparent url(nav.png) 0px 0px repeat scroll; line-height:18px;}
#nav li li a:hover{color:#000000;background:transparent url(navhover.png) 0px 0px repeat scroll; }
li ul{padding:0.5em 0 1em 0;display:none;position:absolute;top:100%;left:0;}
li>ul{top:auto;}
li li{float:left;border:0;display:block;background:transparent;}
li:hover ul,li.over ul{display:block;}
esperando contestacion gracias
wavedub@hotmail.es
Entradas relacionadas con Problema con css
Entradas clasificadas por las etiquetas:
No se han creado entradas hijas ni asociadas.
Puedes crear una entrada que consideres debería estar dentro de Problema con css.
Participación para ampliar las referencias:
Las discusiones permiten hablar de asuntos relacionados con esta entrada de wiki, para crear un hilo de comentarios como en los foros de discusión.
Aun no hay discusiones sobre Problema con css.
Usuarios: 
