| Problema para ajustar tamaño ene ste CSS
Buenos dias, mirad mi problema es que quiero tener la web centrada y que me ocupe el 70% de la pantalla en problema es que no me sale, a ver si alguien mirando el codigo lo puede sacar. Graciasss
/* CSS Document */
body{
background:url(images/bg.gif) repeat-x 0 0 #2A2A2A; color:#828282;
font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
margin:0; padding:0;}
ul{
list-style:none;}
.spacer{
font-size:0; line-height:0; clear:both;}
/* -- header start -- */
#header{
width:700px;
height:388px;
margin:0 auto;
position:relative;
color:#828282;
background-color: #2A2A2A;
background-image: url(images/header_bg.jpg);
background-repeat: no-repeat;
}
#header img.logo{
margin:10px 0 0 32px; padding:0; border:none;}
#header h1{
background:url(images/punch_line.jpg) no-repeat 0 0 #161616; color:#FFFFFF;
text-indent:-2000px; height:11px; width:161px; line-height:0; font-size:0;
margin:0 0 0 216px;}
#header div.whatText{
width:214px; height:132px; padding:33px 37px 35px 24px;
position:absolute; left:20px; top:166px;
background:url(images/what_text_bg.jpg) no-repeat 0 0 #6A800C; color:#3B4400;}
#header div.whatText h2{
background-color:#DEE483; color:#000000; height:22px; padding:0 7px; margin:0 0 8px 0;
font:bold 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header div.whatText p{
color:#3B4400; font:bold 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header div.whatText a{
background:url(images/more_btn1.jpg) no-repeat 0 0 #C8CF55; color:#000000;
width:84px; height:14px; line-height:0; font-size:0; display:block;
text-decoration:none; text-indent:-2000px; float:right; margin:8px 0 0 0;}
#header div.whatText a:hover{
background:url(images/more_btn1_h.jpg) no-repeat 0 0 #C8CF55; color:#000000;}
/* -- header end -- */
/* -- top navigation pannel start -- */
#topNav{
width:788px; height:50px; margin:0 auto;}
#topNav ul{
width:531px; margin:0 auto;}
#topNav ul li{
float:left; text-transform:uppercase; padding:0 2px 0 0;
background:url(images/top_btn_divider.gif) no-repeat right center; color:#FFFFFF;
font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topNav ul li.noDivider{
background-image:none; color:#FFFFFF;}
#topNav ul li a{
text-transform:uppercase; text-decoration:none; padding:0 16px; display:block;
background:url(images/top_btn_bg.gif) repeat-x 0 1px; color:#FFFFFF;
font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topNav ul li a:hover{
background:url(images/top_btn_bg_h.gif) repeat-x 0 0 #2A2A2A; color:#FFFFFF;}
#topNav ul li a.hover{
text-transform:uppercase; text-decoration:none; padding:0 16px; display:block;
background:url(images/top_btn_bg.gif)repeat-x 0 0 #2A2A2A; color:#FFFFFF;
font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
/* -- top navigation pannel end -- */
/* -- body start -- */
#body{
width:722px; margin:0 auto; padding:15px 28px 40px;}
#body div.left{
width:484px; padding:0 28px 0 0; float:left;}
#body div.left h2{
font:bold 28px/44px Georgia, "Times New Roman", Times, serif;
background-color:#2A2A2A; color:#D1DD0D;}
#body div.left h2 span{
background-color:#2A2A2A; color:#FFFFFF;}
#body div.left p{
font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color:#2A2A2A; color:#828282;}
#body div.left p span{
font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color:#000000; color:#FF3BA0;}
#body div.left a.more{
background:url(images/more_btn2.gif) no-repeat 0 0 #2A2A2A; color:#FFFFFF;
width:84px; height:14px; line-height:0; font-size:0; margin:0 0 22px 0;
text-decoration:none; text-indent:-2000px;
float:right; display:block;}
#body div.left a.more:hover{
background:url(images/more_btn2_h.gif) no-repeat 0 0 #2A2A2A; color:#FFFFFF;}
/* -- body end -- */
/* footer start -- */
#footer{
background-color:#121212; color:#FFFFFF;}
.footer{
width:490px; height:100px; margin:0 auto; padding:18px 0 0 0;}
.footer ul{
width:410px; margin:0 auto;}
.footer ul li{
font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FAFAFA; background-color:#121212; float:left;}
.footer ul li a{
font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
color:#919191; background-color:#121212; padding:0 8px;}
.footer ul li a:hover{
font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
color:#919191; background-color:#1D1D1D; padding:0 8px;}
.footer p{
margin:0 auto; width:170px; color:#D1DD0D; background-color:#121212;
font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.footer p.valid{
margin:0 auto; width:135px;}
.footer p.valid a.xhtml{
background:url(images/xhtml_btn.gif) no-repeat 0 0 #121212; color:#FFFFFF; margin:5px 0 4px 0px;
text-decoration:none; text-indent:-2000px; width:65px; height:12px; display:block; float:left;}
.footer p.valid a.xhtml:hover{
background:url(images/xhtml_btn_h.gif) no-repeat 0 0 #121212; color:#FFFFFF;}
.footer p.valid a.css{
background:url(images/css_btn.gif) no-repeat 0 0 #121212; color:#FFFFFF; margin:5px 0 8px 4px;
text-decoration:none; text-indent:-2000px; width:65px; height:12px; display:block; float:left;}
.footer p.valid a.css:hover{
background:url(images/css_btn_h.gif) no-repeat 0 0 #121212; color:#FFFFFF;}
.footer p.tworld{
margin:0 auto; width:170px; height:17px; padding:0 3px;
font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
background-color:#8C0048; text-align:center;}
.footer p.tworld a{
font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
background-color:#8C0048; text-align:center; text-decoration:none;}
.footer p.tworld a:hover{
color:#FFC9E5; background-color:#8C0048;}
/* footer end -- */
|