Problema col padding

**Iena87** · 21-06-2005, 21:45

Ho il seguente stile per il livello menù:

codice:

#menu {
height : 30px;
width : 439px;
background : red;
font : 16px Arial, Verdana, Lucida Sans, Helvetica;
border-bottom : 1px solid #E9E9E9;
border-top : 1px solid #E9E9E9;
border-right : 1px solid #E9E9E9;
border-left : 1px solid #E9E9E9;
margin : 5px 231px 0px 30px;
padding-top : 7px;
}

Perchè se aggiungo il padding-left mi aumenta la larghezza del mio box???
Non ho ancora letto la guida ai css, sto consultando quella sull'xhtml per costruire un blog e me ne sto facendo uno mio, ma nn capisco sto problema...come posso risolverlo?

**Iena87** · 21-06-2005, 21:47

detto fatto...ho provato ad inserire "fissed" a width e va...prima di scrivere devo scervellarmi un pò di più...

**darkmavis** · 21-06-2005, 21:55

Perchè il padding aumenta sempre le dimensioni dell'elemento.
Io di solito come width metto la larghezza che vorrei meno i padding.
Il fissed sarebbe?

**floyd46** · 22-06-2005, 09:26

ciao
potresti indicarmi da quale sito o guida hai letto questa proprietà
"fissed"? Appartiene ai CSS2 o CSS3? Sono curioso di leggere le sue caratteristiche.
Floyd

**Iena87** · 23-06-2005, 22:02

da nessuna parte....mi è venuta in mente la parola fissed e l'ho scritta ed ho avuto l'effetto desiderato...che però nn funziona con altri elementi....quindi per il momento mi limito a fare cose standard senza azzardare coi css visto che ancora non li conosco...

**Iena87** · 23-06-2005, 22:11

Ho il seguente codice :

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">

<head>

    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <title>Fudu-Blog</title>
    <link type="text/css" rel="stylesheet" href="stilepr.css" />

</head>

<body>

        <div id="sezpr">
          
                 <div id="testata">[img]grafica/logo.gif[/img]</div>
           
                 <div id="menu">
                       

Home Page - Galleria - Contatti</p>
                 </div>
        
                 <div id="contenuto">            

                             <div id="navigazione">
                                       <h1>AFFILIATI</h1>
                                       

AUS</p>
                                       

SNK's Site</p>
                                     
                                       <h1>RISORSE NEL WEB</h1>
                                       

HTML.it</p>
                                       

w3schools.com</p>
                                       

Giobe2000.it</p>
                                
                                       <h1>GRAFICA</h1>
                                       

Pastrugni.com</p>
                                       

designsbymark.com</p>
                             </div>  

                             <div id="post">
                                       <h1>BENVENUTI NEL MIO BLOG</h1>
                                       <h2>DATA</h2>
                                       

Benvenuti nel mio blog, sono Federico Cappabianca.</p>
                             </div>
         
                  </div>

        </div>         

        <div id="copyright">
                

&#169; 2005 - Grafica e Layout sono di esclusiva proprietà di 
 Federico Cappabianca</p>
        </div>      

</body>

</html>

e al div "navigazione" nei css ho messo come proprietà float:right,
per fare in modo che tutti gli altri box siano alla sua sinistra, ma invece di avere l'effetto sperato (come nell'immagine allegata) ho che navigazione sta si a destra, ma gli altri box nn sono alla sua sinistra, semplicemente i primi due (testata e menu) in alto a sinistra, e post in basso a sinistra....coem posso risolvere???

**darkmavis** · 23-06-2005, 23:33

Boh, io sto fissed non l'ho mai sentito :master:

**Iena87** · 24-06-2005, 17:19

raga mi aiutate un attimini con i css per mettere la pagina a posto???? vedete su....poi mo che me li studio nn vi rompo +

**Iena87** · 25-06-2005, 19:30

help me

**NetEscape** · 25-06-2005, 20:47

se il padding è il tuo problema, segui i consigli di darkmavis

Discussione: Problema col padding

Strumenti discussione

Ricerca discussione

Visualizza

Problema col padding

Permessi di invio