su ie va tutto me su gli altri oi oi

[yag]

allora

ho questo codice :

<div class=\"style_singleproduct\">

<div class=\"body_title\">
titolo
</div>

<div class=\"style_textproduct\">
descrizione
</div>

<div class=\"style_bodyfotoproduct\">
<div class=\"style_fotoproduct\">
<a href=#>img</a>
...
</div>
e poi altri di questi uno per ogni foto


</div>


</div>

con ie va tutto bene
vedo
a sinistra tutto il titolo e sotto testo
e foto a sinistra con mz,opera,firefox, il blocca se ne va acapo creando un casino

[Dennis]

ciao


1)perchè il codice ha i backslash (\)? spero sia perchè lo scrivi dal server e lo hai copiato pari pari
2) il problema non risiede nel cod. che hai postato, bensì nel CSS che gestisce quelle classi

[Francis87]

se va solo su ie vuol dire ke tt è sbagliato

prova a rifare la struttura basandoti SOLO un un altro browser ke TRADUCE il codice non lo INTERPRETA (come IE).
quindi mozilla va bene

magicamente funzionerà tutto!

se no metti una pagina online o spiega meglio cosa vedi kè nn è molto kiaro

[Francis87]

Originariamente inviato da Dennis
ciao


1)perchè il codice ha i backslash (\)? spero sia perchè lo scrivi dal server e lo hai copiato pari pari
2) il problema non risiede nel cod. che hai postato, bensì nel CSS che gestisce quelle classi

azz sti svedesi a banda larga!

x un minuto!


lol
ciao dennis

[Dennis]

Originariamente inviato da Francis87
azz sti svedesi a banda larga!

x un minuto!


lol
ciao dennis

OT: passaggio da 56kb a adsl 500 KB VVoVe:

OT2:Saluti anche a te

[yag]

Originariamente inviato da Francis87
se va solo su ie vuol dire ke tt è sbagliato

prova a rifare la struttura basandoti SOLO un un altro browser ke TRADUCE il codice non lo INTERPRETA (come IE).
quindi mozilla va bene

magicamente funzionerà tutto!

se no metti una pagina online o spiega meglio cosa vedi kè nn è molto kiaro

adesso non ho tempo di metterla online :-) però lo spiego in due parole è più facile in pratica un blocco dentro questo altri due affiancati uno a sinistra e subito dopo l'altro che lo segue

con ie rimangono allineati con mz ecc. quello più a destra a capo ecco il css cmq:


.style_singleproduct{
position : relative;
top : 5px;
width : 750px;
left:20px;
}


style_bodyfotoproduct {
position : relative;
width : 200px;
height: 200px;
}

.style_fotoproduct{
position : relative;
width : 220px;
text-align : left;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
border-bottom-width : 1px;
border-bottom-style : solid;
position : relative;
border-bottom-color : Silver;
color : #708090;
font-size : 13px;

}

.style_textproduct{
position : relative;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-left : 5px;
margin-right : 50px;
font-size : 11px;
top : 20px;
word-spacing : 3px;
width:450px;
line-height : 15px;
float:left;
}

.style_elenctextproduct{
margin-top:1px;
line-height : 17px;
}

[yag]

Originariamente inviato da yag
adesso non ho tempo di metterla online :-) però lo spiego in due parole è più facile in pratica un blocco dentro questo altri due affiancati uno a sinistra e subito dopo l'altro che lo segue

con ie rimangono allineati con mz ecc. quello più a destra a capo ecco il css cmq:


.style_singleproduct{
position : relative;
top : 5px;
width : 750px;
left:20px;
}


style_bodyfotoproduct {
position : relative;
width : 200px;
height: 200px;
}

.style_fotoproduct{
position : relative;
width : 220px;
text-align : left;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
border-bottom-width : 1px;
border-bottom-style : solid;
position : relative;
border-bottom-color : Silver;
color : #708090;
font-size : 13px;

}

.style_textproduct{
position : relative;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-left : 5px;
margin-right : 50px;
font-size : 11px;
top : 20px;
word-spacing : 3px;
width:450px;
line-height : 15px;
float:left;
}

.style_elenctextproduct{
margin-top:1px;
line-height : 17px;
}

ecco la pagina è un pò incasinata ma la struttura c'è
le foto dovrebbero stare a destra subito dopo il testo
http://yag.altervista.org/es_forum/

[bagu]

<!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>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
html , body {margin:0 ; padding:0; text-align:center;background-color:#999999;}
#contenitore {margin-left:auto; margin-right:auto; width:760px;}
#titolo {background-color:#666666; display:block;color:#FFFFFF; padding-left:30px; text-align:left;}
#testo {float:left; width:70%; text-align:center;}
h1 {font-size:14px; color:#666666}
#foto {float:right; width:28%; text-align:center;}
img { border:0; }
#posizione {margin-top:30px;margin-left:10%; margin-right width:70%; }
.style_fotoproduct {text-align:left; border-bottom:1px solid #666666;}
-->
</style>
</head>

<body>
<div id="contenitore">
<div id="titolo">
Prodotti
</div>
<div id=testo>




<h1>nomeprodotto<SUP>®</SUP></h1>



bla fsjfhkjdshfkjhdskfhdslkfhskjdfhkjfhkjsdhfkjshfkjhf lkhflkahfldkafhdskjfhajskda

bla fsjfhkjdshfkjhdskfhdslkfhskjdfhkjfhkjsdhfkjshfkjhf lkhflkahfldkafhdskjfhajskda


bla fsjfhkjdshfkjhdskfhdslkfhskjdfhkjfhkjsdhfkjshfkjhf lkhflkahfldkafhdskjfhajskda

bla fsjfhkjdshfkjhdskfhdslkfhskjdfhkjfhkjsdhfkjshfkjhf lkhflkahfldkafhdskjfhajskda

bla fsjfhkjdshfkjhdskfhdslkfhskjdfhkjfhkjsdhfkjshfkjhf lkhflkahfldkafhdskjfhajskda


</div>
<div id="foto">
<div id="posizione">
<div class="style_fotoproduct">
[img]_sg/micromech_toolbox.jpg[/img]
ToolBox
</div>

<div class="style_fotoproduct">
[img]_sg/micromech_pallinatura.jpg[/img]
Pallinatura
</div>

<div class="style_fotoproduct">
[img]_sg/micromech_execel.jpg[/img]
Inserimento Excel
</div>

<div class="style_fotoproduct">
[img]_sg/micromech_rapidlib.jpg[/img]
Rapid Lib
</div>
</div>
</div>
</body>
</html>

ciao paolo

[yag]

Originariamente inviato da bagu
<!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>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
html , body {margin:0 ; padding:0; text-align:center;background-color:#999999;}
#contenitore {margin-left:auto; margin-right:auto; width:760px;}
#titolo {background-color:#666666; display:block;color:#FFFFFF; padding-left:30px; text-align:left;}
#testo {float:left; width:70%; text-align:center;}
h1 {font-size:14px; color:#666666}
#foto {float:right; width:28%; text-align:center;}
img { border:0; }
#posizione {margin-top:30px;margin-left:10%; margin-right width:70%; }
.style_fotoproduct {text-align:left; border-bottom:1px solid #666666;}
-->
</style>
</head>

<body>
<div id="contenitore">
<div id="titolo">
Prodotti
</div>
<div id=testo>




<h1>nomeprodotto<SUP>®</SUP></h1>



bla fsjfhkjdshfkjhdskfhdslkfhskjdfhkjfhkjsdhfkjshfkjhf lkhflkahfldkafhdskjfhajskda

bla fsjfhkjdshfkjhdskfhdslkfhskjdfhkjfhkjsdhfkjshfkjhf lkhflkahfldkafhdskjfhajskda


bla fsjfhkjdshfkjhdskfhdslkfhskjdfhkjfhkjsdhfkjshfkjhf lkhflkahfldkafhdskjfhajskda

bla fsjfhkjdshfkjhdskfhdslkfhskjdfhkjfhkjsdhfkjshfkjhf lkhflkahfldkafhdskjfhajskda

bla fsjfhkjdshfkjhdskfhdslkfhskjdfhkjfhkjsdhfkjshfkjhf lkhflkahfldkafhdskjfhajskda


</div>
<div id="foto">
<div id="posizione">
<div class="style_fotoproduct">
[img]_sg/micromech_toolbox.jpg[/img]
ToolBox
</div>

<div class="style_fotoproduct">
[img]_sg/micromech_pallinatura.jpg[/img]
Pallinatura
</div>

<div class="style_fotoproduct">
[img]_sg/micromech_execel.jpg[/img]
Inserimento Excel
</div>

<div class="style_fotoproduct">
[img]_sg/micromech_rapidlib.jpg[/img]
Rapid Lib
</div>
</div>
</div>
</body>
</html>

ciao paolo

Ieri notte so rimasto fino alle 4 e poi ho ridsolto :|
però diversamente da te...

display:block ; è indispensabile ?

ora la parte funziona con:
ie,mz,fir,op solo con opera la zona menu in basso da problemi se vuoi pasto il codice...

[bagu]

Originariamente inviato da yag
Ieri notte so rimasto fino alle 4 e poi ho ridsolto :|
però diversamente da te...

io per fortuna ci messo meno

display:block ; è indispensabile ?
in questo caso si è un h1 senza div

ora la parte funziona con:
ie,mz,fir,op solo con opera la zona menu in basso da problemi se vuoi pasto il codice...

il codice che ho postato è testato con ie6,5.5.5 firefox 1.0 opera 7 safari 1.0

ovviamente se vuoi posta il codice

ciao paolo

ps nel css c'era un rimasuglio...
#posizione {margin-top:30px;margin-left:10%; width:70%; }
qyesto è corretto