Salve a tutti,
starei rimodernizzando la mia pagina web, passando da un layout a frames ad uno con i css/inclusione php.
Non riesco a gestire bene i contenuti che eccedono le dimensioni di un contenitore.
Precisamente, questo e' il layout che vorrei (sito con struttura a frames):
http://gpapari.comli.com/
Questo, invece, e' il layout che ottengo (sito con css e php):
http://gpapari.comli.com/php
Il problema si riscontra nel momento in cui il contenuto "research activities" eccede le dimensioni della finestra, per cui si viene a creare una scrollbar verticale relativa a tutta la pagina, piuttosto che alla sola area che riguarda "research activities". Dove sto sbagliando?
Riporto, per completezza il codice php che ho usato ed il file di stile.
Un ringraziamento a tutti per l'aiuto,
Giuseppe.
codice:<html> <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="titlebar"><?php include 'titlebar.html' ?></div> <div id="main_menu"><?php include 'main_menu.html' ?></div> <div id="contact"><?php include 'contact.html' ?></div> <div id="main_space_1"><?php include 'research/topics.html' ?></div> </body> </html>codice:#titlebar { background-color: #008; color: #FFF; margin: 0px; padding: 5px; height: 50px; overflow: hidden; position: absolute; top: 0px; left: 0px; right: 0px; border: 0px; } #main_menu { color: #000; background-color: #DDD; text-align: right; margin: 0px; padding: 10px; width: 104px; overflow: hidden; position: absolute; left: 0px; top: 60px; bottom: 0px; border: 0px; } #contact { font-family: Arial; font-size: 12pt; color: #000; background-color: #FFFFDF; text-align: justified; margin: 0px; padding: 10px; height: 121px; overflow: hidden; position: absolute; left: 124px; top: 60px; right: 0px; border-bottom: 1px solid black; } #main_space_1 { color: #000; background-color: #FFF; margin: 0px; padding: 10px; overflow: scroll; position: absolute; left: 124px; top: 202px; right: 0px; bottom: 0px border: 0px; }
Rispondi quotando