Incredibile?!?!?

**dolphin73** · 18-04-2007, 18:25

Ciao a tutti,

una prova, con IE7 (con IE6 non cambia...) carico la mia pagina ASP con e relativo file CSS, prendo il codice HTML della stessa, e lo salvo in un file tipo layout.htm nel stesso percorso della pagina ASP.
Carico dal relarivo url nel stesso browser il file appena salvato, e che succede...?!?
Io mi aspetto di riveder la stessa pagina che ho caricato prima e daove ho preso il codice HTML, con l'unica differenza, nel nome del file nella barra del indirizzo.

Ma non è così!!!

VVoVe:
La pagina non è moto diversa, apparte alcuni "div" che sono "shiftati" di un pixel.

Qualcuno ha una spegazione razionale al fatto? Apparte una scansione antivirus o similitudini...

Grazie intanto del attenzione e se magari avete modo di farmi sapere qualcosà che può essermi di aiuto...

come si dice,
Tanto di cappello!!!

**Vincent.Zeno** · 18-04-2007, 18:44

Ciao dolphin73, benvenuto sul forum (?)

complimenti per i titolo...

posta il codice se non è molto lungo oppure il link ad un file di esempio.

ciao

**dolphin73** · 18-04-2007, 19:45

il fatto che non mi spiego e che nella pagina l'asp non succeda con il stesso file CSS??!?!?!

La differenza e che il "TAB" o praticamente il div dove c'e al interno scritto "Negozio" secondo me "shifta" verso sinistra di 1px, infatti si vede che non stà al suo posto.

in ogni caso posto il codice, spero venga fuori, abbiate pazienza, e la prima volta che scrivo sul forum, anche se non quello del ASP, ma tanto e ugualeee??!?!?!

di seguito l'html
------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link rel="stylesheet" type="text/css" media="screen" href="/css/test.css" />
<script src="/js/MenuVivi.js" type="text/javascript"></script>

</head>
<body>
<div id="container">
<div id="header"></div>
<div id="main">
<div id="navigation">
<div id="status">Negozio</div>
<div id="menu"><ul id="lato" class="MenuVivi">[*]Servizi
[*]Contatti
[*]Negozio
[*]Utente <ul>[*]Registrazione [*]Modifica [*]Lista Spesa [*]Lista Acquisti [*]Ordini Completi [/list]
[/list]</div>

</div>

<div id="advertisment"></div>
</div>
</div></body>
</html>
--------------------------------------------------------------

e poi il CSS
--------------------------------------------------------------
/*
CSS per IE
*/

html, body {
margin:0px;
padding:0px;
}
body {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 67%;
background-color:white;
}
#container {
width: 950px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
background-color: #000000;
text-align: left;
position: relative;
visibility: visible;
overflow: visible;
height: 600px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-color:black;
}

li, ul {
list-style:none;
font-weight: bold;
}

#header {
position: absolute;
width: 760px;
left:0;
top:0;
margin-left:5px;
padding:0;
height: 120px;
background-color:black;
}

#main {
position: absolute;
width: 760px;
height: 450px;
top:120px;
left:0;
margin-left:5px;
margin-bottom:0;
margin-top:0;
padding: 0;
background-color:blue;
}

/*
elementi diretti main
*/
#navigation {
width:260px;
height:100px;
position: absolute;
left:0;
top:0;
margin:0px;
padding:0px;
z-index: 500;
height:100px;
background-color:black;
}
/*
elementi diretti di navigation
*/
#status {width:130px;
color: white;
height: auto;
right:0px;
bottom:0px;
margin:0px;
padding-top:2px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
position: absolute;
background-color: #222222;
border-top: 1px #33cc99 solid;
border-left: 1px #33cc99 solid;
border-right: 1px #33cc99 solid;
z-index: 700;
text-align: center;
}

#menu { width:130px;
height:100px;
position: absolute;
left:0;
top:0;
margin:0;
padding:0;
z-index: 800;
border-bottom: 1px #33cc99 solid;
display:block;
}

/*
inizio menu
*/

#menu ul {text-align:left;}
#menu li {padding-left:3px;}

#lato{
width:8em;
left:10px;
top:4em;
}
#lato .sottoMenu{
background-image:url('/images/right.gif');
background-position:center right;
}

#lato li ul{
position:absolute;
left:7.4em;
top:0;
width:9em;
}
#lato li > ul{
left:7.8em;
}

#lato li ul li.hover {
background-color:#333333;
border:1px solid #33CC99;
}

#lato .hover{
cursor

ointer;
background-color:#333333;
color:#FFFFFF;
border:1px solid #33CC99;
}

#lato ul li a:hover {}

.MenuVivi{
padding:1px;
margin:0px;
}

.MenuVivi li ul{
position:relative;
display:none;
padding:2px;
margin:0px;
}

#lato ul {background-color:#000000;
margin:0;
padding:0;}

#lato li {margin:2px;
padding:1px;
}

.MenuVivi li{
position:relative;
display:block;
background-color:#000000;
border:1px solid;
border-color: #666666 #333333 #333333 #666666;
color:#666666;
}

.MenuVivi a{
/*color:#FFFFFF;*/
display:block;
width:100%;
background-color:#000000;
}

.MenuVivi .sottoMenu{
background-repeat:no-repeat;
}

.MenuVivi .click{
color:#FFFFFF;
}
.MenuVivi .click ul{
display:block;
}

.MenuVivi li a{
width:100%;
background-color:#000000;
}
.MenuVivi li a, .MenuVivi li.hover ul li a{
text-decoration:none;
color:#666666;
}
.MenuVivi li.hover a {
color:#FFFFFF;
text-decoration:underline;
background-color:transparent;

}

/*
fine menu
*/

#advertisment {
text-align: center;
position: absolute;
width: 500px;
height:100px;
margin:0px;
padding:0px;
top:0;
right:0px;
border-bottom: 1px #33cc99 solid;
z-index: 300;
background-color:black;
}
------------------------------------------------------------------------------

non ho esperienza tanta con CSS, XHTML e ASP, ma sto cercando di far qualcosina...

**Vincent.Zeno** · 18-04-2007, 21:11

non saprei...
il perché risulti diverso se visualizzato in asp o in html mi sfugge...
ma da alcune prove noto che la posizione "spostata a sinistra" del div "status" dipende dal suo trovarsi all'interno di "navigation"...

ma non so che dire...

ciao

**dolphin73** · 18-04-2007, 21:46

Hai ragione, intanto potrei iniziare con il toglier il div "navigation", che magari è soltanto d'impiccio, visto che ne potrei far anche ammeno credo, ora provo...

Poi ho fatto altre prove, ed ho notato che i bordi diciamo non sono "compresi nel prezzo" ovvero un div con un bordo occupa non ad esempio il larghezza 100px ma i 100px + i px del suo bordo, almeno così mi risulta.

Il fatto è, che non sono pre nulla abbituato ad usare il CSS, per me era molto + semplice usere le tabelle...ma voglio impratichirmi d+ con l'uso dei CSS

Resta in ogni caso il mistero del stesso codice html con lo stesso file di stile che in altro file visualizza in modo diverso.

questo è veramente assurdo...

Anche x ke prima di modificare html nel asp e il CSS di origine, prendo il codice html lo abbbino a un nuovo file CSS e vedo di trovare la soluzione adatta e + coretta prima di riportarlo al originale.

Msg, per Vincent:
Concordo pienamente le tue idee relative lo spaminig e il lavoro!

Magari ci sentiamo in pvt...

**fcaldera** · 18-04-2007, 23:22

ciao, puoi riaprire il thread dopo aver letto il regolamento (la parte evidenziata in rosso)

Discussione: Incredibile?!?!?

Strumenti discussione

Ricerca discussione

Visualizza

Incredibile?!?!?

l html e il css

Permessi di invio