e ridai explorer .......

**whisher** · 01-05-2006, 19:27

Saluti a tutti.
Ho trovato un strano comportamento
di explorer (tanto x cambiare)
(su tutti gli altri browser no problems) se uso
questo css che utilizzo per listare
tutti i post che ci sono in una data categoria
div.posted {
margin-top:10px;
}
h2 span {
padding-right:5px;
background-color:#EEEEDD;
color:#69440C
}
h2 a.title
{
text-decoration:none;
background-color:#EEEEDD;
color:#7D571D
}
h2 a.title:hover
{
text-decoration:underline;
background-color:#EEEEDD;
color:#CCCC99
}
p.comment{
text-align:right;
}
p.date {
position:relative;
top:-10px;
text-align:right;
}
va tutto bene a parte &diams;
che è inserito nello span che
appare come quadrato vuoto
invece di un denari !!!!!!!!!!
ma se utilizzo
p.date {
margin-top:-10px;
text-align:right;
}
va in confusione e mi nasconde parte
del menu che ho in un div float
(lay-out a 2 colonne con float right)
Qualcuno riesce a spiegarmi la
cosa o perlomeno mi suggerisce qc links.
Grazie.
Whisher
Ps
Forza Firefox !
A proposito avete provato FLOCK ;]

**Mich_** · 02-05-2006, 10:40

IL simbolo da te usato non fa parte del charset standard. Per poterlo usare devi usare un charset opportuno (vedi nei <meta>).

Per l'altroproblema, dovresti scrivere anche il codice HTML, altrimenti non si capisce la relazione tra i vari blocchi.

**whisher** · 02-05-2006, 15:48

Ciao.
Eccoti il codice con mia grande sorpresa
funziona sia con margin negativo che
con posizione relativa ma ti posso
assicurare che finchè (e mi ci è voluto
un c.....o di tempo per trovare dove
era l'errore o per così dire la pecca)
non ho cambiato quel cavolo di margine
negativo lo script mi nascondeva il menu
almeno in explorer sinceramente non so
+ cosa pensare ti allego cq html e css
Per qunto rigurada charset ho:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
ed ho provato
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
ma nisba !
Sono molto ben accetti consigli e qc link specifico
ne ho trovati alcuni ma vediamo cosa mi consigli ;]
Ecco il codice:
<!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>.::Tutorials»Css</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="web developer,php classes,php scripts,php tutorials,CSS,Javascript,MySQL, open source, PHP resource" />
<meta name="Description" content="MySQL, CSS, HTML e JavaScript.Tutorials, funzioni e classi per download" />
<meta name="robots" content="index,follow" />
<meta name="author" content="Whisher" />
<meta name="Content-Language" content="it" />
<link rel="shortcut icon" href="/favicon.ico" type="image/ico">

<style type="text/css">
* {
margin:0px;
padding:0px
}
body {
text-align:center;
background-color:#FFFFFF;
color:#000000;
font-family:"Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
font-size:100%;
}
h3 {
line-height:20px;
text-indent:15px;
}
ul {
list-style-type:none;
}
/* DEFAULT LINK */
a:link, a:visited {
font-weight : bold;
text-decoration : none;
}

a:hover {
font-weight : bold;
text-decoration:underline ;
}

a:active {
font-weight : bold;
text-decoration : none;
}
/* END DEFAULT LINK */
/* MAIN */
div#wrapper {
position: relative;//You never know

margin:0px auto;
text-align:left;
width:750px;
}

div#header {
height:70px;
}
div#header h1 {
letter-spacing:3px;
line-height:70px;
text-indent:5px;
}

div#navigation {
float:right;
width: 250px;
}
div#content {
margin-right:260px;
}
div#footer {
clear:both;
}
div#footer p {
line-height:50px;
text-align:center;
}
/* END MAIN */
/* MENU */
div#navigation ul {
margin-top:10px;
margin-left:10px;
}
div#navigation ul li a {
display:block;
width:235px;
border-right:5px solid #999999;
background-color:#FFFFFF;
color:#666666
}
div#navigation ul li a:hover {
display:block;
width:235px;
text-decoration:none;
border-right:5px solid #DDAACC;
color:#553366
}
div#navigation ul li a#current,a#current:hover {
display:block;
width:235px;
text-decoration:none;
border-right:5px solid #553300;
background-color:#CCCCCC;
color:#DDCCCC
}
/* END MENU */
/* TARGET */
h4#today {
line-height:20px;
text-indent:5px;
}
p#breadcrumbs {
line-height:20px;
text-indent:5px;
font-size:80%;
}
p#breadcrumbs a.crumbs,a.crumbs:hover {
text-decoration:none;
line-height:20px;

}
p#breadcrumbs span {
line-height:20px;
}

/* END TARGET*/
/* FORM */

/* END FORM */
/* LIST POST */
div.posted {
margin-top:10px;
}
h2 span {
padding-right:5px;
}
h2 a.title
{
text-decoration:none;
}
h2 a.title:hover
{
text-decoration:underline;
}
p.comment{
text-align:right;
}
p.date {
position:relative;
top:-10px;
text-align:right;
}

/*p.date {
margin-top:-10px;
text-align:right;
}*/

/* END POST*/

</style>
</head>
<body>
<div id="wrapper">
<div id="header"><h1>Tutorials</h1></div>
<div id="navigation">
<h3>Tutorials</h3>
<ul>[*]php(5)[*]Css(1)[*]Javascripts(1)[*]New(1)[*]AboutmeUpadate(1)[*]Contactme(0)[*]Prova empty category(0)[/list]
</div>
<div id="content">
<h4 id="today">Martedì, 2 Maggio 2006</h4>
<p id="breadcrumbs">Home»Css

<div class="posted">
<h2><span>&diams;</span>Lay-out table less</h2>
<p class="date">27-04-2006</p>

Cras lacinia semper orci. In luctus massa sit amet lacus. Vivamus ipsum urna, sodales a, iaculis sed, porttitor vel, velit. Quisque aliquam nibh vel nisi. Donec sit amet odio eget odio euismod mollis. In nec ipsum id pede bibendum vehicula. Donec eget odio. Phasellus interdum. Donec non est. Vestibulum felis purus, fringilla non, viverra nec, dignissim vitae, sapien. Proin faucibus, libero vel varius rutrum, arcu nisl dictum lectus, ac adipiscing enim pede et enim. Phasellus aliquam. Pellentesque blandit vulputate felis. Proin tincidunt ultricies lacus. </p>
<p class="comment">Comments(0)</p>
</div>
</div>
<div id="footer">

.:Whisher:.</p></div>
</div>
</body>
</html>
A presto.
Stammi bene
Whisher

**indigoindigo** · 02-05-2006, 15:55

Usa i tag [code*] [/code*] (senza l'asterisco) per postare il codice html e CSS, sennò non si capisce nulla..

**whisher** · 02-05-2006, 16:19

La prossima volta seguirò il
tuo consiglio ma fortunatamente
ho trovato l'inghippo
<p id="breadcrumbs">Home»php's

!!!!!!!!!!
nel codice non avevo chiuso il tag

il povero explorer è così sputt...
che quando qc non va è il 1°
a prendere la colpa lol
Va be sbagliando si impara

Ad ogni modo resto ancora
interessato a quella faccenda
del charset.
Statemi bene.
Whisher

Ps
Ripensandoci xchè su FF
il lay-out non ne risentiva
e su explorer si !

Discussione: e ridai explorer .......

Strumenti discussione

Ricerca discussione

Visualizza

e ridai explorer .......

mah ......

grazie del consiglio ma ...

Permessi di invio