Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    67

    sfondo div lontano da esso

    Ciao, ho una classe chiamta .post con questo codice:

    codice:
    .post {
    	width: 580px;
    	margin: 15px;
    	margin-left: 0px;
    	margin-bottom: 25px;
    	border: 1px solid #e0e0e0;
    	background: #fff;
    	padding: 15px;
    	padding-top: 7px;
    	-webkit-border-radius: 15px;
    	-moz-border-radius: 15px;
    	border-radius: 15px;
    	box-shadow:10px 10px 10px #c9c9c9;
    	-webkit-box-shadow:5px 2px 7px #d8d8d8;
    	-moz-box-shadow:7px 0px 10px #e8e8e8;
    	margin-left: 0px;
    	float: left;
    	font-size: 13px;
    	position: relative;
    	line-height: 1.5;
    	
    }
    ora io vorrei aggiungere un div sotto a .post ma con posizione static in modo che si adatti alla lunghezza di .post che può variare il div in questione è .post-info ed ha questo codice
    codice:
    .post-info{
    padding: 5px;
    padding-bottom: 2px;
    padding-top: 10px;
    background: #c7d2db;
    margin-left: 20px;
    font-size: 12px;
    color:  #444;
    height: 20px;
    z-index: -1;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    
    	box-shadow:10px 10px 10px #c9c9c9;
    	-webkit-box-shadow:0px -3px 15px #e8e8e8;
    	-moz-box-shadow:0px -50px 10px #e8e8e8;
    }
    la parte html è questa:
    codice:
    <div class="post">
    			[img]comment2-64.png[/img]
    			<div class="tcomments">15</div>
    			
    			<h2>lorem ipusm dolor sit amet</h2>
    			testo testo testo
    		</div>
    			<div class="post-info">15 aprile 2009 | categoria: syfs | tags: fwweftu, wdwdwf, yugfhffy, ddwdnot</div>
    Ora il problema è che il risultato è questo

  2. #2
    Non capisco , cosa c'è di sbagliato? Hai messo il div info-post sotto a post, quindi scende se il div post aumenta di altezza e sale se diminuisce l' altezza di post. Comunque la posizione static è quella di default..
    Social Network in costruzione.. Misto tra Twitter e Facebook.. Twitbook o facetter?

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    67
    Ilproblema è come si vede dall'immagine che lo sfondo di post-info che è quello sul blu non segue il contenuto di post info ma sta sopra a post

  4. #4
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    semplicemente aggiungi un float:left anche a post-info

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    67
    Funziona! grazie mille

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.