ovviare problema delle distanze confrontando ie con mozilla

**passasooz** · 31-03-2013, 01:42

buonasera,

come potrei ovviare il problema degli allineamenti degli elementi?

se io metto un elemento con margine sinistro di 5% in mozilla lo vedo in un modo e in ie in un altro, come posso ovviare questo problema?

**Vincent.Zeno** · 31-03-2013, 01:50

un po' vago...

dovresti prima cosa resettare tutti i valori che il browser potrebbe inserire di default
http://www.html.it/pag/18944/reset-c...t-del-browser/

**passasooz** · 31-03-2013, 02:11

mmm... si okkai ma non risolvo comunque il mio problema, ora lo spiego meglio, ho un div dentro un div ho un ul questo ul è a float left e io voglio metterlo con margine sinistro che con mozilla avrebbe una distanza perfetta di 25% mentre con ie quel 25% è troppo....

**Vincent.Zeno** · 31-03-2013, 02:14

se ho capito bene cosa hai detto:
alla lista imposta lo stesso valore sia per margin che per padding

per abitudine se posti un po' di codice a corredo mica ci offendiamo

**passasooz** · 31-03-2013, 02:19

codice:

ul#langmenu{
	float:left;
	margin: 0;
	padding: 0;
	background: #0a0a0a;
	list-style:none;
	font-size:12px;
	letter-spacing:1px;
	width:700px;
}

ul#langmenu li ul li{
	list-style:none;
	margin:0;
	padding:0;
}

ul#langmenu li{
	float:left;
	margin: 0;
	padding: 0;
	color:#b0b0b0;
	border-left:1px solid #0a0a0a;
	border-right:1px solid #0a0a0a;
}

questo è il codice.... per il menù però come ho già detto il menù è dentro un div

codice:

.oneColFixCtrHdr #mainLingua{
	background-color:#0a0a0a;
	margin-top: 0px;
	margin-bottom: 40px;
	margin-left:30%;
	padding: 4px;
	width: 65%;
	text-align:center;
}

questo è il div in cui è contenuto il tag ul e come puoi vedere c'è un margine sinistro di 30%

non ho capito cosa hai detto però hai scritto alla lista imposta stesso valore per margin che per padding, in che senso? stesso valore rispetto quale?

**Vincent.Zeno** · 31-03-2013, 02:28

e l'html dov'è?

ho un div dentro un div ho un ul questo ul è a float left e io voglio metterlo con margine sinistro che con mozilla avrebbe una distanza perfetta di 25% mentre con ie quel 25% è troppo

e tutto questo non è chiaro, serve il codice!

**passasooz** · 31-03-2013, 12:15

codice:

<body class="oneColFixCtrHdr">
<div id="container">
  <div id="header">
    <div id="tmenu">
    <ul id="topmenu">
si leggono correttamente[/list]
    </div>
  </div>
  <div id="cntPvt">
questo contenuto si legge allineato diversamente ha un margine sinistro di 25% con mozilla si legge in un modo con ie in un altro
  </div>
  <div id="footer">
    

si legge correttamente...</p>
  </div>
</div>
</body>

il css è

codice:

.oneColFixCtrHdr #cntPvt{
	margin-left:25%;
	width:55%;
	margin-top:5%;
	margin-bottom:5%;
	font-family:Verdana;
	text-align:left;
	font-size:12px;
	background-color:#0a0a0a;
	color:#b0b0b0;
}

la stessa cosa mi succede con un altro elemento però va beh se risolvo questo risolvo anche l'altro...

**Vincent.Zeno** · 31-03-2013, 12:37

facendo una prova al volo si nota che (svista ?)
.oneColFixCtrHdr #cntPvt non esiste, hai dimenticato di riportare la virgola?
.oneColFixCtrHdr, #cntPvt

l'ho provato a e me da lo stesso risultato su tutti i browser

**passasooz** · 31-03-2013, 12:52

perchè la virgola??? questa mi è nuova... io li ho scritti tutti così e mi funzionano

codice:

.oneColFixCtrHdr #footer {
	padding: 0 10px;
	background-color: #000000;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-top-width: 1px;
	clear:both;
}
.oneColFixCtrHdr #footer p {
	margin: 0;
	padding: 10px 0;
	font-size:10px;
}

per esempio questi funzionano...

**passasooz** · 31-03-2013, 13:14

comunuqe con la virgola mi sfasa tutta la pagina...

Discussione: ovviare problema delle distanze confrontando ie con mozilla

Strumenti discussione

Ricerca discussione

Visualizza

ovviare problema delle distanze confrontando ie con mozilla

Permessi di invio