Ciao a tutti.
vorrei abbandonare le tabelle ed usare i css.
Solo che, in mezzo a tutti gli articoli e tutorial che ho letto, non son riuscito a trovare qualcosa che mi aiuti a fare questo:
qualche peculiarietà richiesta dal cliente:
-sito di dimensione fissa in orizzontale, altezza automatica
-immagini di background stampabili (si può? sennò, posso usare dei tag img e metterci sopra i menu?)
Qualche link, qualche aiutino? Grazie!
<sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>
sei fortunato: mi sembra simile a molti siti che ho visto in giro
cerca "layout 2 colonne liquido" tra i links utili e nel forum
a cui aggiungi poi il banner e il footer e i menù...
non vorrei dire una fesseria, ma il layout 2 colonne liquido non è liquido in orizzontale?
<sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>
bè ci sono quelli liquidi in orizzontale o in verticale o tutti e due!
per esempio alistapart
forse ho trovato...
http://www.html.it/layout_css/layout_css_15.htm
il tutorial più chiaro che io abbia trovato
<sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>
chi cerca trova...
riciao.
allora, sono riuscito seguendo le istruzioni del link
http://www.html.it/layout_css/layout_css_15.htm
a fare una cosa del tipo
http://www.html.it/layout_css/mono.php?stile=monoaltmin
Ovvero, con il footer in basso. ora, come la gif che ho messo prima, vorrei che la barra sx si allungasse fino al footer. suggerimenti?
<sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>
height: 100%?posta il codice html del menù a sx... anzi posta tutto il codice così correggiamo un po' di errori...
guarda, credo di aver risolto... ho fatto un div container che contiene tutti gli altri div. a questo div ho messo l'immagine di background della colonna sx con repeat-y top left.
Così mi da l'effetto "colonna" senza bisogno di creare un div apposta... spero di essere stato chiaro :P
codice:<style type="text/css" media="screen"> html,body{margin: 0;padding:0;height:100%;} body{font-family: arial,sans-serif;font-size: 76%;text-align: center} div#container{position:relative; width: 720px; height: 100%;margin: 0 auto; text-align: left; background:url(img/rep_left.jpg) repeat-y top left;} div#header{position:absolute;clear:left;width:100%;height:112px;background:url(img/top.jpg);} body>div#container{height:auto;min-height:100%} div#footer{position: absolute;clear:left;bottom:0; width: 100%;height:91px;background:url(img/footer.jpg)} </style> <body> <div id="container"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> </body>
<sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>
Permessi di invio
Rispondi quotando