ciao a tutti,
ho un problemone assurdo: gli a:visited del footer mi si spostano a capo a sinistra![]()
finchè sul link non è mai stato cliccato tutto ok, appena si clicca si spostano, eppure li ho definiti chiarmante nel css e non mi è mai capitata una cosa del genere. ecco il codice:
xhtmle il csscodice:<?xml version="1.0" encoding="iso-8859-1"?> <!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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="keywords" content="marco de toffol, marcodtm, dtm, hacking, filosofia" /> <meta name="description" content="tante amenità  !" /> <meta name="author" content="marco de toffol" /> <meta name="generator" content="Bluefish 1.0.7"/> <meta name="robots" content="index,follow" /> <title>prova</title> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <div id="background"> <div id="container"> <div id="header"> [img]padovamed_logo.png[/img] </div> <div id="menu"> <ul id="menu_ul"> [*]home [*]news [*]links [*]downloads [*]forum [/list] </div> <div id="content"> <div class="item"> <h1>padovamed.altervista.org ::: alfa_one</h1> <hr /> <h2>14/07/07</h2> Proviamo un po' se viene fuori quello che voglio mettendo i margini adatti! proviamo un po' se viene fuori quello che voglio mettendo i margini adatti! proviamo un po' se viene fuori quello che voglio mettendo i margini adatti!</p> </div> <div class="item"> <h1>padovamed.altervista.org ::: alfa_two</h1> <hr /> <h2>14/07/07</h2> Proviamo un po' se viene fuori quello che voglio mettendo i margini adatti! proviamo un po' se viene fuori quello che voglio mettendo i margini adatti! proviamo un po' se viene fuori quello che voglio mettendo i margini adatti!</p> </div> <div class="item"> <h1>padovamed.altervista.org ::: alfa_three</h1> <hr /> <h2>14/07/07</h2> Proviamo un po' se viene fuori quello che voglio mettendo i margini adatti! proviamo un po' se viene fuori quello che voglio mettendo i margini adatti! proviamo un po' se viene fuori quello che voglio mettendo i margini adatti!</p> </div> </div> <div id="footer">![]()
[img]my_opera.png[/img] [img]get_bluefish_80x15.png[/img] [img]valid-xhtml11.png[/img] [img]valid-css.png[/img] </div> <div id="last"> </div> </div> </div> </body> </html>
che diavolo è?!?codice:* { margin: 0px; padding: 0px; } body { width: 800px; margin: auto; text-align: center; /*ie6 fix*/ background-color: #f7f7f7; font-family: tahoma, verdana, sans serif; font-size: 14px; } img { margin: 0px; padding: 0px; border: 0px; } a:link { margin: 0px; padding: 0px; text-decoration: none; color: black; } a:visited { margin: 0px; padding: 0px; text-decoration: none; color: black; } a:hover { margin: 0px; padding: 0px; text-decoration: underline; color: red; } /***** impostazioni dello sfondo fisso con immagine ripetuta *****/ #background { width: 800px; background-image: url(sfondo_body.jpg); background-repeat: repeat-y; background-position: center; } /***** div container *****/ #container { width: 780px; margin: 0px 10px 0px 10px; text-align: left; /* complete ie6 fix */ } /***** div header *****/ #header { margin: auto; width: 780px; height: 80px; background-color: #ebebeb; } /***** div menu *****/ #menu { margin: auto; width: 780px; height: auto; background-color: #73e6e6; } #menu_ul { margin: 0; padding: 0; float: left; width: 100%; /*border: 1px solid #625e00;*/ border-width: 1px 0; background-color: #73e6e6; } #menu ul li { display: inline; } #menu_ul li a:link, a:visited { float: left; color: #336666; padding: 7px 7px; text-decoration: none; border-right: 1px solid white; } #menu_ul li a:hover { background-color: #5ae0e0; color: black; } /***** div content *****/ #content { margin: auto; padding: 60px 30px 0px 30px; width: 720px; /* 720 +30 +30 will be the total width of this box model */ min-height: 300px; background-color: #faffff; } .item { width: auto; margin: 0px 0px 30px 0px; padding: 10px; font: thaoma, sans serif, 11px; background-color: white; border: 1px dotted #73e6e6; } .item h1 { width: auto; height: auto; margin: 0px; padding: 0px; font-family: thaoma; font-size: 16px; color: #e61700; } .item hr { margin-top: 2px; margin-bottom: 2px; width: auto; height: 1px; text-align: center; color: #ff7300; background-color: #e61700; border: 0px; } .item h2 { width: auto; height: auto; margin: 0px; padding: 0px; font-family: verdana, sans-serif; font-size: 9px; text-align: right; color: #e61700; } .item p { width: auto; height: auto; margin: 0px; padding: 5px; font-family: verdana, sans-serif; font-size: 12px; } /***** div footer *****/ #footer { margin: auto; padding: 5px; width: 770px; /* 770 + 5 + 5will be the total width */ height: auto; background-color: #ebffff; text-align: center; } /***** div last: serve a mantenere l'immagine di background *****/ #last { margin: auto; width: 780px; height: 5px; background-color: #faffff; }



Rispondi quotando