errore in ie con float left

wer16

Nuovo Utente
26 Nov 2009
3
0
0
Ciao a tutti,
premesso che sono alle prime armi con gli stili in html e quindi un po' imbranato.. :confused:
ho creato una pagina html con dreamweaver CS4 che dovrebbe visualizzare un numero 'x' di immagini con delle descrizioni, in due layer separati.
ho utilizzato degli oggetti con float:left; per visualizzarli in sequenza orizzontale ma in i.e. li vedo in verticale e completamente scombinati!
con Dreamweaver e Firefox invece e' tutto ok!

posto il codice, qualcuno di voi mi puo' aiutare a capire il perchè? :dipser:
ho letto di inserire
display : inline; ma non cambia nulla....



<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PROVA LAYER</title>

<STYLE type="text/css">

#pagina1{
position : absolute;
display : block;
width : 1400px;
top : 0px;
left : 0px;
z-index:0;
}
#centrale1{
position : absolute;
display : block;
width : 1016px;
left : 192px;
z-index: 1;
top: -1px;
}
#layer1
{
float:left;
clear:left;
display : inline;
margin-top: 12px;
margin-left: 20px;
margin-bottom: 12px;
margin-right: 1px;
width : 976px;
height : 306px;
background-image: url(sfondo_1.jpg);
z-index:2;
}
#layer2
{
float:left;
clear:left;
display : inline;
margin-top: 12px;
margin-bottom: 10px;
margin-left: 20px;
width : 976px;
height : 600px;
background-image: url(sfondo_2.jpg);
z-index:2;
}


.pagina_1{
height : 2030px;
}
.centrale_1{
height: 1350px;
}
.quadrato_img
{
margin-top: 9px;
margin-left: 11px;
}
.quadrato_titolo
{
font-family: "Trebuchet MS";
text-align: left;
color: #333333;
font-size: 18px;
font-weight: normal;
width : 234px;

}
.quadrato_testo
{
font-family: "Trebuchet MS";
text-align: left;
color: #000000;
font-size: 12px;
font-weight: normal;
line-height:16px;
width : 234px;
}
.postit{width:100%;overflow:auto;}
.postit h4
{
float:left;
display : inline;
margin-top: 62px;
margin-left: 1px;
width : 426px;
height : 208px;
border: 0;
overflow: hidden;
}
.postit h4:hover { background-color: #E5E5E5; }
.postit h3
{
float:left;
display : inline;
margin-top: 62px;
margin-left: 1px;
width : 255px;
height : 208px;
border: 0px;
overflow: hidden;
}
.postit h3:hover { background-color: #E5E5E5; }
.postit h2
{
float:left;
display : inline;
margin-top: 62px;
margin-left: 21px;
margin-right: 21px;
width : 1px;
height : 208px;
border: 0;
overflow: hidden;
background-color: #CECECE;
}
.postit h1
{
float:left;
display : inline;
margin-top: 62px;
margin-left: 21px;
margin-right: 0px;
width : 1px;
height : 208px;
border: 0px;
overflow: hidden;
}
.postit div
{
float:left;
display : inline;
}

</STYLE>
</head>
<body>
<div id="pagina1" class="pagina_1">
<div id="centrale1" class="centrale_1">

<div id="layer1">
<div class="postit">
<h1></h1>
<h1></h1>
<h3>
<div class="quadrato_img"><img src="img_234.jpg" width="234" height="108" /><div>
<div class="quadrato_titolo">Lorem ipsum</div>
<div class="quadrato_testo">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
</h3>
<h2></h2>
<h3>
<div class="quadrato_img"><img src="img_234.jpg" width="234" height="108" /><div>
<div class="quadrato_titolo">Lorem ipsum</div>
<div class="quadrato_testo">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
</h3>
<h2></h2>
<h3>
<div class="quadrato_img"><img src="img_234.jpg" width="234" height="108" /><div>
<div class="quadrato_titolo">Lorem ipsum</div>
<div class="quadrato_testo">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>

</h3>
</div><!--postit -->
</div> <!--layer1 -->

<div id="layer2">
<div class="postit">
<h1></h1>
<h1></h1>
<h4>
<div class="quadrato_img"><img src="img_405.jpg" width="405" height="106" /><div>
<div class="quadrato_titolo">&nbsp;</div>
<div class="quadrato_testo">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
</h4>
<h1></h1>
<h4>
<div class="quadrato_img"><img src="img_405.jpg" width="405" height="106" /><div>
<div class="quadrato_titolo">&nbsp;</div>
<div class="quadrato_testo">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
</h4>
<h1></h1>
<h1></h1>
<h1></h1>
<h1></h1>
<h3>
<div class="quadrato_img"><img src="img_234.jpg" width="234" height="108" /><div>
<div class="quadrato_titolo">Lorem ipsum</div>
<div class="quadrato_testo">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
</h3>
<h2></h2>
<h3>
<div class="quadrato_img"><img src="img_234.jpg" width="234" height="108" /><div>
<div class="quadrato_titolo">Lorem ipsum</div>
<div class="quadrato_testo">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
</h3>
<h2></h2>
<h3>
<div class="quadrato_img"><img src="img_234.jpg" width="234" height="108" /><div>
<div class="quadrato_titolo">Lorem ipsum</div>
<div class="quadrato_testo">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>

</h3>
</div><!--postit -->
</div> <!--layer2 -->

</div>
</div>


</body>
</html>
 

wer16

Nuovo Utente
26 Nov 2009
3
0
0
allego un'immagine della pagina per spiegarvi il mio problema...
help!
 

Allegati

  • immagine1.JPG
    immagine1.JPG
    60,8 KB · Visite: 246

wer16

Nuovo Utente
26 Nov 2009
3
0
0
Risolto

stupidaggine galattica
mi sono dimenticato di chiudere un div
:dormo::dormo::dormo:
 
Discussioni simili
Autore Titolo Forum Risposte Data
R Navigare sito con cURL, mi restituisce errore PHP 0
L File CSV con app inventor da errore Sviluppo app per Android 2
I Errore 80040220 nella newsletter con paginazione Classic ASP 0
MarcoGrazia [PHP] Download di file con errore all'interno. PHP 1
Tommy03 Errore invio email con PHP PHP 1
Max 1 Errore driver con lettore di smart card Hardware 6
A [PHP] errore 404 e invio mai path pagina con link interrotto PHP 2
3_g errore con mysql insert in PDO PHP 29
M [MySql - VB6 sp6] Problema connessione db con alcuni pc (errore Lost connection to MySQL server...). MySQL 1
M [MySQL] Solito errore #1064 con poca comprensione MySQL 14
L [PHP] upload con errore PHP 2
auritidesign Errore con mysqli_fetch_array PHP 3
C [MySQL] errore nell'importazione tabella con file csv MySQL 0
6 Errore pubblicazione sito con Muse Webdesign e Grafica 0
romeocharly errore del codice html con javascript durante ottimizzazione websitex5 Javascript 7
O errore INSERT con oggeto datetime MySQL 2
napuleone phpmyadmin problemi con windows 10 errore 200 PHP 0
M errore lettura data nel mysql con funzione Where PHP 1
C Errore con classe PHP 4
1 Errore di istallazione programma vb2010 con access in allegato MS Access 8
C Form con dentro div errore validatore w3c HTML e CSS 6
R Errore di comunicazione con database Mysql PHP 5
asevenx validazione W3C con errore utf-8 HTML e CSS 3
asevenx Errore di connessione e permessi in scrittura file .xml con Aruba Windows Hosting 8
M Errore ListView con ID "android.R.id.list" Sviluppo app per Android 1
J Problema con questo errore Error was: Undefined index: title linea 9 PHP 21
Z Errore con il register PHP 2
E errore php con database mysql PHP 0
V problemi con lock tables (errore 1100) come fare? MySQL 0
A Errore con header ( Location...) PHP 4
F errore con wordpress plug in WordPress 0
valient13 Errore con le emotions [javascript + php] Javascript 0
F Errore configurazione APACHE con PHP Apache 1
neo996sps Errore con script per invio mail PHP 3
M errore in IE con array.style Javascript 0
E errore con internet explorer Windows e Software 2
A errore : "550 cannot stor no permission" per pubblicare il sito con expression web Webdesign e Grafica 0
A errore : "550 cannot stor no permission" per pubblicare il sito con expression web HTML e CSS 1
C Errore 678 con modem alice gate 2 plus wifi Reti LAN e Wireless 3
neo996sps Errore su connessione a DB con VB2008 express Visual Basic 1
asevenx errore con l'inserimento dei dati nel database, campi vuoti Classic ASP 1
G errore con div container HTML e CSS 1
neo996sps Errore visualizzazione sito con explorer HTML e CSS 1
asevenx errore durante l'invio di email con CDONTS Classic ASP 8
F Query con errore Database 3
Y strano errore con immissione nickname e password PHP 8
G problemi con l'errore 0x80040E14 Classic ASP 4
S Pagine di errore con redirect PHP 7
I Errore in html con due codici js Javascript 0
I Errore in html con due codici js HTML e CSS 2

Discussioni simili