Dove sbaglio?
Questo è il css (ho preso un menù orizzontale da internet):
Questa è la pagina che faccio:Codice PHP:body { background: #1d337f; color: #000; font: 62.5% "Lucida Grande", Verdana, Geneva, Helvetica, sans-serif; margin: auto; padding: 0; width:1000px; } #header { margin-top: 1em; height: 150px; background-image: url("immagini/Banner2.png"); } #navigation { background: #AFD5E0 url("bg-nav.gif") repeat-x; border: 1px solid #979797; border-width: 1px 0; font-size: 2em; height: 36px; /*\*//*/ margin-top: 1em; padding-top: .6em; /**/ } #navigation ul, #navigation ul li { list-style: none; margin: 0; padding: 0; } #navigation ul { padding: 5px 0; text-align: center; } #navigation ul li { display: inline; margin-right: .75em; } #navigation ul li.last { margin-right: 0; } #navigation ul li a { background: url("tab-right.gif") no-repeat 100% 0; color: #06C; padding: 5px 0; text-decoration: none; } #navigation ul li a span { background: url("tab-left.gif") no-repeat; padding: 5px 1em; } #navigation ul li a:hover span { color: #69C; text-decoration: underline; } /*\*//*/ #navigation ul li a { display: inline-block; white-space: nowrap; width: 1px; } #navigation ul { padding-bottom: 0; margin-bottom: -1px; } /**/ #contenuti { height: 475px; background-color: #124151; margin-bottom: 1em; overflow: auto; } #barra { width: 200px; height: 475px; background-color: #000000; margin: auto; }
Nel div contenuti su mozilla e IE si vede solo di bianco. Se provo a mettere un altro div al posto di contenuti su chrome si vede sugli altri no. Se invece provo a mettere una qualsiasi immagine (tramite css) dentro contenuti non me la mostra. Perchè?Codice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Centered Menu</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> @import url(template.css); </style> </head> <body> <div id="header"> </div> <div id="navigation"> <ul>[*][url="#"]<span>Home</span>[/url][*][url="#"]<span>About</span>[/url][*][url="#"]<span>Our Work</span>[/url][*][url="#"]<span>Products</span>[/url] <li class="last">[url="#"]<span>Contact Us</span>[/url][/list]</div> <div id="contenuti"> </div> </body> </html>
Rispondi quotando
