Salve a tutti...ho 2 problemi con i background...ho cercato un po' nel forum ma non ho trovato molto...
allora il sito è molto semplice
un'immagine di sfondo con il solo titolo
un menù a sinistra (con il suo div e il suo sfondo)
a destra invece ci va del testo con a destra un'immagine (tipo barra)
cmq per fare prima il link è questo :P
link
i due problemi sono questi:
1) nel div del menù ho messo che l'attachment è scroll...sperando che nel caso in cui la pagina aumenti di lunghezza il menù mi rimanga fisso lì dovè a sinistra (cioè se vado giù nella pagina voglio che venga giù con me) ma come potete vedere dal sito non va
2) a destra c'è quella simil-barra come sfondo...che vorrei che si ripetesse quando la pagina si allunga...ma anche in questo caso non funziona...mi da lo sfondo fino all'height specificato...mentre se tolgo l'height mi mette lo sfondo fin dove la pagina 'scrive' ma anche così non va bene perchè se scrivo due righe mi da lo sfondo solo in quelle due righe...invece voglio che ALMENO arrivi in fondo alla pagina 'base'
spero che possiate aiutarmi...questo è il codice:
grazie a chi mi aiuterà!codice:<html> <head> <style type="text/css"> body{ background-image: url(http://bottillo.web.cs.unibo.it/sfondouni.jpg); width: 950px; height: 600px; background-repeat: no-repeat; background-color: white; background-position: 10px 1px; color: black; } div.menu { background-attachment: scroll; top: 100px; margin-left: 10px; width: 199px; height: 489px; position: absolute; } div.testo { position: absolute; top: 100px; margin-left: 210px; height: 489px; width: 880px; background-image: url(http://bottillo.web.cs.unibo.it/destra.jpg); background-repeat: repeat; } </style> <title> Interfaccia cliente </title> </head> <body> <div class="menu"></div> <div class="testo"> blablablabla sdgdtretsr drytsrdtare aertaresart asretdart adrgtaert eart ardtartateet dfdsf sedgfdsfs dsggr dgdtretsr drytsrdtare aertaresart asretdart adrgtaert eart ardtartateet dfdsf sedgfdsfs dsggr blablablabla sdgdtretsr drytsrdtare aertaresart asretdart adrgtaert eart ardtartateet dfdsf sedgfdsfs dsggr blablablabla sdgdtretsr drytsrdtare aertaresart asretdart adrgtaert eart ardtartateet dfdsf sedgfdsfs dsggr blablablabla sdgdtretsr drytsrdtare aertaresart asretdart adrgtaert eart ardtartateet dfdsf sedgfdsfs dsggr dgdtretsr drytsrdtare aertaresart asretdart adrgtaert eart ardtartateet dfdsf sedgfdsfs dsggr blablablabla sdgdtretsr drytsrdtare aertaresart asretdart adrgtaert eart ardtartateet dfdsf sedgfdsfs dsggr </div> </body> </html>
Rispondi quotando
Il link risulta non funzionante, comunque credo di aver capito il problema; prova a guardare qui che magari trovi la soluzione: