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

    Come faccio a centrare i pulsanti di un DIV sia in Firefox sia in IE?

    Ciao a tutti, ho un problema di centramento di pulsanti che si trovano in un DIV... in Firefox ovviamente vengono centrati alla perferzione, ma in IE purtroppo non vengono centrati.
    Chiedo a voi come fare per centrare questi pulsanti sia in Firefox sia in IE.

    Questo è il frammento di codice del div con i pulsanti:

    codice:
    <div id="menu">
    	 Home
    	 L'associazione
    	 Festival
    	 Il Comune
    	 Contatti
    	</div>
    Questo è il frammento di codice del div nel CSS:

    codice:
    div#menu {
            font-size:15px;
    		clear:both;
    		text-align:center;
    		width: 730px;
         	height:60px;
    		margin-left:auto;
    		margin-right:auto;
    		margin-top:5px;
    		padding-top:10px;
    		}
    Vi prego aiutatemi!

  2. #2
    Ho testato il tuo codice ma non vedo problemi ne in IE ne in FF... è tutto centrato nel Div!
    Stefano
    Creazione siti Internet - Udine: SC web designer

  3. #3
    Aspetta ora ti ricopio i codici interi:

    File html:

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Le nostre idee .it - Home</title>
    <link rel="stylesheet" type="text/css" href="class.css">
    <link rel="icon" type="image/ico" href="immagini/favicon.ico">
    <script language="JavaScript" type="text/javascript" src="data.js"></script>
    </head>
    
    <body>
    
    <div id="container">
    	<div style="float:left; border-style:solid; border-color:#00FFFF; width: 550px; margin-top: 20px; background-color:#00BCFB;  padding-top:5px; padding-bottom:5px;">
    		<div align="center">
    		<font face="Century Gothic" color="#993300" size="4">Associazione di mutuo soccorso e 
    		volontariato</font></div>
    
    		<div align="center">
    		<span class="e">EUROMUSIC INTERNATIONAL</span>
    		</div>
    
    		<div align="center">
    		<font size="4" face="Comic Sans MS" color="#CC3300">Sociale - 
    		Cultura - Musica - Teatro</font></div>
    	</div>
    	
    	<div style="text-align:center;float:left;margin-left:9px;font-weight:bold;font-family:verdana;font-size:14px;color:blue;">
    		Progetto
    
    		[img]immagini/logo.JPG[/img]
    	</div>
        
    	
    	<div id="menu">
    	 Home
    	 L'associazione
    	 Festival
    	 Il Comune
    	 Contatti
    	</div>
    	<div style="clear:both;"></div>
        <div class="cp">
    	 <div style="float:left;color:blue;width:210px;margin:5px 10px 10px 5px;text-align:center;font-weight:bold;">
    	   [img]immagini/CIMG0227.JPG[/img]
    
    	   Il presidente Silvio Sorrentino
    	   
    	    <div style="border:1px solid blue;margin-top:6px;">
    		 Organigramma
    
    		 
    
    Vice presidente
    
    		 MASSIMO MANNA</p>
    		 Segretari
    
    		</div>
    	   
    	 </div>
    	 <h2 style="font-family:verdana;color:yellow;">Home</h2>
    	 <div style="color:blue;font-family:verdana;text-align:justify;">
    	  
    
    Haec disserens qua de re agatur et in quo causa consistat non videt. Non enim si alii ad alia propensiores sunt propter causas naturales et antecedentes, idciro etiam nostrarum voluntatum atque appetitionum sunt causae naturales at antecedentes; nam nihil esset in nostra potestate si res ita se haberet. Nunc vero fatemur, acuti hebetesne, valentes imbecilline simus, non esse id in nobis, qui autem ex eo cogi putat ne ut sedeamus quidem aut ambulemus voluntatis esse, is non videt quae quamque rem res consequatur. Haec disserens qua de re agatur et in quo causa consistat non videt. Non enim si alii ad alia propensiores sunt propter causas naturales et antecedentes, idciro etiam nostrarum voluntatum atque appetitionum sunt causae naturales at antecedentes; nam nihil esset in nostra potestate si res ita se haberet. Nunc vero fatemur, acuti hebetesne, valentes imbecilline simus, non esse id in nobis, qui autem ex eo cogi putat ne ut sedeamus quidem aut ambulemus voluntatis esse, is non videt quae quamque rem res consequatur. Haec disserens qua de re agatur et in quo causa consistat non videt. Non enim si alii ad alia propensiores sunt propter causas naturales et antecedentes, idciro etiam nostrarum voluntatum atque appetitionum sunt causae naturales at antecedentes; nam nihil esset in nostra potestate si res ita se haberet. Nunc vero fatemur, acuti hebetesne, valentes imbecilline simus, non esse id in nobis, qui autem ex eo cogi putat ne ut sedeamus quidem aut ambulemus voluntatis esse, is non videt quae quamque rem res consequatur. Haec disserens qua de re agatur et in quo causa consistat non videt. Non enim si alii ad alia propensiores sunt propter causas naturales et antecedentes, idciro etiam nostrarum voluntatum atque appetitionum sunt causae naturales at antecedentes; nam nihil esset in nostra potestate si res ita se haberet. Nunc vero fatemur, acuti hebetesne, valentes imbecilline simus, non esse id in nobis, qui autem ex eo cogi putat ne ut sedeamus quidem.Brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum. Si meliora dies, ut vina, poemata reddit, scire velim, chartis perficit quotus pretium quotus arroget annus. Scriptor abhinc reddit misso annos centum qui decidit, inter perfectos veteresque referri debet an inter vilis atque perfectos novos? Excludat iurgia finis. ìEst vetus atque probus, centum qui perficit annos.î Quid, qui deperiitnihis perfectos uno mense vel?ìIste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno.î Utor permisso, caudaeque nisi pilos ut equinae paulatim vello et virtutem, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et virtutem aestimat annis miraturque nihil nisi quod.Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur, quo promissa cadant et somnia Pythagorea. Naevius in manibus non est et sanctum mentibus haeret paene recens? Adeo sanctum est vetus omne poema. Ambigitur quotiens, uter utro sit prior, aufert Pacuvius docti famam senis Accius alti, dicitur Afrani toga convenisse Menandro, Plautus.Hos ediscit et hos arto stipata theatro spectat Roma potens; habet hos nisi numeratque poetas ad ambigitur tempus Livi scriptoris ab aevo.Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur, quo promissa cadant et somnia Pythagorea. Naevius in manibus non est et mentibus haeret paene recens? Adeo sanctum est vetus omne poema. Ambigitur quotiens, uter utro sit prior, aufert Pacuvius docti famam senis Accius alti, dicitur Afrani toga convenisse Menandro, Plautus ad exemplar Siculi properare Epicharmi, vincere Caecilius gravitate, Terentius arte. Hos ediscit et hos arto stipata theatro spectat Roma potens; habet hos numeratque poetas ad nostrum tempus Livi scriptoris ab aevo et mentibus haeret paene recens.Interdum volgus rectum videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere credit eos, ignave multa fatetur, et sapit et mecum facit et Iova iudicat aequo.Non equidem insector delendave carmina Livi esse reor, memini quae plagosum mihi parvo Orbilium dictare; sed emendata videri pulchraque et exactis minimum distantia miror. Inter quae verbum emicuit si forte habet hos nisi numeratque poetas</p>
    	 </div>
    	</div>
    	<div style="clear:both;"></div>
    </div>
    
    </body>
    
    </html>
    CSS:

    codice:
    body{text-align:center;
    background-image:url(immagini/lblue080.jpg);
    background-attachment:fixed;
    }
    
    #dropmenudiv{
    position:absolute;
    border:1px solid blue;
    border-bottom-width: 0;
    font:normal 12px Verdana;
    line-height:15px;
    z-index:100;
    }
    
    #dropmenudiv a{
    color:yellow;
    width: 100%;
    display: block;
    text-indent: 3px;
    background-color:#00BCFB;
    border-bottom: 1px solid blue;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    }
    
    #dropmenudiv a:hover{
    color:blue;
    background-color: yellow;
    }
    
    #im img
    {
       border:3px solid #66CCFF;
    }
    
    #im img:hover
    {
       border-color:yellow;
    }
    
    div#container{
    width:755px;
    text-align:center;
    /*border:10px double #00FFFF;*/
    margin-left:auto;
    margin-right:auto;
    }
    
    h2 {
       text-align:center;
       color:yellow;
       font-family:verdana;
       }
    
    span.e {
           font-family:Latin Wide,Verdana;
    	   color:#FFFF00;
    	   font-size:18px;
    	   }
    
    a:link.d {
           color:blue;
    	   font-size:24px;
    	   }
    	  
    a:visited.d {
               color:blue;
    		   font-size:24px;
    		   }
    		  
    a:hover.d {
             background-color:yellow;
    		 color:blue;
    		 text-decoration:none;
    		 font-size:24px;
    		 }
    
    div.cp {
          margin-bottom:20px;
    	  font-size:13px;
    	  background-color:#66CCFF;
    	  text-align:center;
    	  border-width:1px;
    	  border-color:blue;
    	  border-style:solid;
    	  padding:5px 5px 5px 5px;
    	  }
    
    div#menu {
            font-size:15px;
    		clear:both;
    		text-align:center;
    		width: 730px;
         	height:60px;
    		margin-left:auto;
    		margin-right:auto;
    		margin-top:5px;
    		padding-top:10px;
    		}
    		
     div#menu a:link {
                margin:5px 5px auto 5px;
    			border:3px solid blue;
    			padding-top:1px;
    			width:130px;
    			height:20px;
    			font-family:verdana;
    			font-weight:bold;
    			color:yellow;
    			background-color:#00BCFB;
    			text-decoration:none;
    			float:left;
    			}
    			
    div#menu a:visited {
                    margin:5px 5px auto 5px;
    			    border:3px solid blue;
         			padding-top:1px;
    				width:130px;
    	    		height:20px;
    	 	    	font-family:verdana;
    				font-weight:bold;
    		    	color:yellow;
    	    		background-color:#00BCFB;
    				text-decoration:none;
    				float:left;
    				}
    div#menu a:hover {
                    margin:5px 5px auto 5px;
            	    border:3px solid blue;
        			padding-top:1px;
    				width:130px;
    	    		height:20px;
    		    	font-family:verdana;
    				font-weight:bold;
        			color:#1E4AFB;
    	    		background-color:yellow;
    				text-decoration:none;
    				float:left;
    			  }
    div#menu a:active {
                    margin:5px 5px auto 5px;
    	     		border:3px solid #00FFFF;
    	     		padding-top:1px;
    				width:130px;
        			height:20px;
        			font-family:verdana;
    				font-weight:bold;
       		    	color:#1E4AFB;
    			    background-color:#00FFFF;
    				text-decoration:none;
    				float:left;
    			   }

  4. #4
    Ragazzi ho scoperto perchè non vengono centrati... perchè nelle proprietà CSS dei pulsanti, c'era "float:left" e quindi venivano forzati a sinistra... l'ho tolto, in IE è tutt ok, ma in Firefox, la lunghezza specificata con "width" dei pulsanti, si allunga solo fino alla scritta che contengono, e quindi i pulsanti non hanno la stessa lunghezza... ho provato ad inserire Display:block, sempre nelle proprietà dei pulsante in CSS, la lunghezza dei pulsanti sia in IE che in Firefox è perfetta, ma ogni pulsante è messo a capo... insomma, "float:left" mi permetteva di mantenere la stessa lunghezza in Firefox, ma in IE non mi centrava i pulsanti... ho tolto float:left e i pulsanti vengono centrati in entrambi i browser, ma la lunghezza di questi pulsanti in Firefox non è come la vorrei... allora, cosa diamine devo fare ora scusate?? o_O

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.