Ciao a tutti!
Sto smadonnando come un pazzo per questo lavoro! Vorrei riuscire a sistemare il DIV User che troverete in foto, in modo tale che si adatti alla finestra del browser!!
In foto , ciò che vedo a schermo è la parte alta, ma quella che vorrei è la parte inferiore!
Qualcuno ha idee?
Grazie in anticipo
Qua l'HTML
codice:<!DOCTYPE html> <html lang="it" xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" type="text/css" href="stile.css" /> <title>Super Hero</title> </head> <body> <div id="barra"> <div id="logo">[img]img/logo.png[/img] <div id="contenitorebottoni"><table cellspacing="1"><tr> <td><div id="home"></div> <td><div id="profili"> Profili</p></div></td> <td><div id="analisi"> Analisi indicatori</p></div></td> <td><div id="contenuti"> Contenuti</p></div></td> <td><div id="storico"> Storico risposte</p></div></td> <td><div id="i"> <a href="#" class="button"></div></td> <td><div id="user"><div id="txt">###########</div></div></td></tr> </table> </div> </div> </div> </body> </html>
Qua il CSS
codice:html{ height:100%; font-family:Aparajita; } body{ background:#89B4D4; margin:8px; height:98%; color:#676565; } #barra {width:100%; margin: 0px auto; } #contenitorebottoni {position:absolute;height:100%;left:140px;top:0px;width:auto; } #logo {width:auto; height:70px;position:relative; } #home {position:relative; top:0px;left:46px;width:44px; height:61px; background-image:url('img/home.png'); } #profili {position:relative; top:0px;left:48px;width:137px; height:60px; background-image:url('img/profili.png'); padding:2px; font-size:20px;text-align:center;line-height:18px; } #analisi {position:relative;left:50px;top:0px; width:166px; height:60px; background-image:url('img/analisi.png');padding:2px; font-size:20px;text-align:center; line-height:18px; } #contenuti {position:relative;left:52px;top:0px; width:108px; height:60px; background-image:url('img/contenuti.png');padding:2px; font-size:20px;text-align:center; line-height:18px; } #storico {position:relative;left:54px;top:0px;width:158px;; height:60px; background-image:url('img/storico.png');padding:2px; font-size:20px;text-align:center; line-height:18px; } #i {position:relative;left:56px;top:0px;font-family:Aparajita;width:36px; height:59px; background-image:url('img/i.png');padding:2px; font-size:20px;text-align:center; line-height:18px; } #user {position:absolute;left:0px;top:3px;width:auto; height:60px; background-image:url('img/login.png');padding:2px; font-size:20px;text-align:right; line-height:18px;color:white;overflow:hidden;float:left } #txt {position:relative; left:750px; top:10px;width:100%;height:100%;text-align:left;line-height:18px; } /*CLASSI*/ a.button:link {color:white;text-decoration:none; } a.button:hover {color:white;text-decoration:none; } a.button:visited {color:white;text-decoration:none; }
Rispondi quotando
