Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    3

    Paragrafo dentro div....

    Ciao a tutti!!!

    Ho un piccolo quesito da porvi...in pratica quando ho un paragrafo dentro un div, perchè quest'ultimo mi distanzia il div stesso dall'elemento padre esterno e non si distanzia invece tramite margine di default all'interno del div allargandolo ?

    Ecco un esempio di quello che voglio dire

    <?php print '<?xml version="1.0" encoding="UTF-8"?>'; ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
    <head>
    <style type="text/css">

    body,html{
    padding: 0;
    margin: 0;
    }

    div{
    background: black;
    }

    </style>

    <title></title>
    <meta name="generator" content="Bluefish 1.0.6"/>
    <meta name="author" content="Enrico"/>
    </head>
    <body>
    <div>

    Ciao mondo</p></div>
    <div>

    Ciao mondo</p></div>

    </body>
    </html>


    In pratica mi aspetterei che i div si adattino ad ospitare i rispettivi paragrafi con tanto di margine di default e non che tale margine vada ad influire sulla posizione reciproca dei div ...in pratica mi aspetterei che i due div siano a contattatto e non distanziati...dove sbaglio?

    Ciao e grazie

    Enrico

  2. #2
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,883
    La prima cosa che mi viene in mente è che non hai azzerato i margini del div.

    La seconda è di provare e scrivere
    codice:
    <div>
    
    Ciao mondo</p></div><div>
    
    Ciao mondo</p></div>
    Specialmente IE, inserisce uno spazio quando vai a capo ...
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    3
    Ciao, grazie per la risposta .

    Avevo gia' provato ad azzerare padding e margin del div ma ottengo lo stesso risultato (uso sia firefox che ie6 per le prove)

    Ciao e grazie

    Enrico

  4. #4
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,883
    Forse devi azzerare il margine anche a

    ...

    o provare a definire un bordo ai <div> ...
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  5. #5
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    3
    Avevo provato ad azzerare anche margine e padding a p e cosi' in effetti funziona, pero' non era il comportamento che mi aspettavo...in pratica pensavo che il pc con il suo margine si distanziasse dal bordo del div e non infuisse sui div intorno...

    Enrico

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.