Salve ragazzi,
stavo provando il ifle htc css3pie beta3.
Volevo inserire in un div un'immagine e poi la scritta homepage. COn firefoz funziona corretamente ma con ie7 come potete vedere no.
Ecco il codice usato:
html
il csscodice:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>index</title> <link rel="stylesheet" type="text/css" href="css/index.css"> </head> <body> <div id="container"> <div id="titolo"> [img]img/homepage.png[/img] <span>Homepage</span> </div> </div> </body> </html>
dove sbaglio??codice:*{margin:0 auto;} body{background-color: #ddd;} #container{ margin: 0 auto; padding:0; width:960px; border: 1px solid black; background-color: white; } #titolo{ width:75%; margin:0 auto; border: 1px solid #cecece; text-align:center; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; -webkit-box-shadow: #ddd 0px 2px 3px;-moz-box-shadow: #ddd 0px 2px 3px;box-shadow: #ddd 0px 2px 3px; background: #FFFFFF;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#ECF0F9));background: -moz-linear-gradient(#FFFFFF, #ECF0F9);background: linear-gradient(#FFFFFF, #ECF0F9);-pie-background: linear-gradient(#FFFFFF, #ECF0F9);margin-top:70px; height:50px; behavior: url(PIE.htc); } #titolo span{ color: #7e8ca4; padding: 0; font-size: 24px; line-height:50px; font-weight: bold; border: 1px solid red; } #titolo img {float:left;}
Rispondi quotando
