Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Chi mi sa dire perché questi 3 div non funzionano?

    Ho dei div possessivi: non ne vogliono sapere di lasciare gli elementi sotto di loro liberi di vagare come dovrebbero dentro la mia pagina html...e la cosa assurda è che con i div "vuoti" il problema non si presenta, ma appena inserisco i contenuti ecco i problemi...ma andiamo con ordine...

    ho una struttura così composta

    codice HTML:
    <div class="tutto">
      <div class="leftlp">
    sinistra
      </div>
    
      <div class="rightlp">
    destra
      </div>
    </div>
    fuoridiv
    che abbinati al foglio di stile mi restituiscono giustamente:
    una "colonna" a sinistra con width: 60%, una colonna a destra con width: 40% e una scritta "fuoridiv" allineata a sinistra della pagina...

    appena però carico i contenuti, ecco i problemi...

    codice HTML:
    <div class="tutto">
      <div class="leftlp">
    [heading size="2"]<font class="testoarancio">PREVENTIVO PERSONALIZZATO</font>[/heading]
    <img src="xxx">Come dare avvio al ...CUT... le vostre esigenze.
      </div>
    
      <div class="rightlp">
      [heading size="2"]<font class="testoarancio">CONSULENZA</font>[/heading]
    <img src="xxx">
    I giorni ...CUT... pronto all’uso.<br/>
    <img src="xxx">
      </div>
    </div>
    fuoridiv
    (nei ...CUT... è presente solo testo, che ho deciso di non riportare: tutti i tag e shortcode di WP son stati invece riportati)

    In questo caso ottengo:
    "colonna" a sinistra con width 60%, colonna a destra con width 40%, scritta "fuoridiv" allineata verticalmente con il div rightpl....

    E la cosa assurda è che le due strutture postate (sia quella vuota, sia quella "piena") le ho inserite nella stessa pagina: la prima funziona com'è giusto che sia, la seconda no :|
    Chiamo un esorcista oppure mi sfugge qualcosa??
    Ultima modifica di simodecca86; 22-07-2014 a 16:31

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    E' difficile, se non impossibile, capire quale sia il problema senza maggiori indicazioni.

    Il codice che hai postato sembra non avere errori rilevanti a parte la mancanza dell'attributo alt sui tag img.

    Potrebbero esserci degli errori di sintassi nel markup html dei contenuti (ad esempio tag chiusi male o non chiusi) inclusi i tag che vengono elaborati attraverso gli shortcode. Bisognerebbe vedere come viene riportato tutto il codice sulla pagina, una volta aperta sul browser, quindi controllare che sia validato.

    Hai provato a controllare la validazione? http://validator.w3.org/

    Inoltre, se si tratta di XHTML ricorda che anche tutti i tag vuoti devono essere chiusi (ad es. <img src="xxx"> deve essere scritto <img src="xxx"/> o meglio <img src="xxx" alt="yyy"/>).
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

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 © 2025 vBulletin Solutions, Inc. All rights reserved.