Visualizzazione sito in locale e sul web

cerbero

cerbero

Utente Attivo
9 Gen 2006
198
0
0
guardate cosa vedo quando faccio "pubblica" (F12) con dreamweaver.
(immagine allegata "giusto")
e invece pubblicandolo su altervista e guardandolo con firefox succede cosi:
(immagine allegata "sbagliato")

come maaaaai??? è dato dal fatto del browser??

ma io ho usato solo css con div con la proprierà flot: left

ma poi se è solo una problema di float xke la barra gialla sopra i menu è + lunga del solito?? e perchè la parte nera sovrasta il lato destro della cornide "dotted"???

rispondetemi!

edit: ingrandite le img xke senno nn si vede niente.
 

Allegati

  • giusto.JPG
    giusto.JPG
    75,3 KB · Visite: 269
  • sbagliato.JPG
    sbagliato.JPG
    84,8 KB · Visite: 268
E

evuskovi

Nuovo Utente
18 Apr 2006
2
0
0
Croazia vacanze l`isola dei pini, un paradiso verde affacciato sul mare affittasi app

spam......
 
Ultima modifica di un moderatore:
cerbero

cerbero

Utente Attivo
9 Gen 2006
198
0
0
ma questo è matto??? isolaibrac???

cmq topozoppo io lo vedo GIUSTO con ie e SBAGLIATO con firefox.... è quello ke mi sembra strano, dovrebbe essere l'inverso

topo: cmq quello non è quel ke dicevo io... ki mi sa dire che succede?
 
Ultima modifica:
cerbero

cerbero

Utente Attivo
9 Gen 2006
198
0
0
scusa, ma dato ke l'hai modificato potevi anche togliere il messaggio di pubblicità di evu
 
T

topozoppo

Utente Attivo
19 Gen 2006
80
0
0
Cerbero perche non scrivi il codice
in effetti è strano che firefox si sbagli

ti consiglio i posizionamenti assoluti,anche se questi purtroppo hanno i loro difetti

:byebye:
 
cerbero

cerbero

Utente Attivo
9 Gen 2006
198
0
0
hanno i difetti soprattutto x la differenza di visualizzazione con i preferiti aperti o chiusi....

cmq ragazzi firefox non me ne combina 1 giusta

metto 2 div 1 sopra all'altro

il primo:
width: 92%;

il secondo:
width: 92%;


il primo viene fuori almeno di mezza lunghezza di +


O_O


ho deciso che faro 2 fogli di stile... 1 per ie e un altro per firefox.....
 
cerbero

cerbero

Utente Attivo
9 Gen 2006
198
0
0
Codice: 
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style-fire.css">
<title>...</title>
</head>

<body>
<!--Div con bordo dotted, logo e div con sfondo nero.--> 
<div class="principale"> 
<img src="layout/header.jpg" id="header"> 
<div class="black">
  <!--Div contenente pubblicità.-->
  <div class="adv1"></div>
  <!--Menu Sinistro.-->
  <div class="left" align="center">
    <div class="title">Menu</div>
    <div class="menu"> 
     &gt; <a class="menu" href="#">Homepage</a><br>
     &gt; <a class="menu" href="?id=eclipseweb">Eclipseweb</a><br>
     &gt; <a class="menu" href="#">o</a></div><br>
  <div class="title" align="left">Statistiche</div>
  <div class="menu">
     sezioni</div><br>
  </div><div class="center"><!--Div centrale "contenuto".-->
    <!--Script PHP per l'include di pagine.-->
     <?php
    switch($id) {
      default:
    include('include.php');
      break;  case "eclipseweb":
    include('eclipseweb.php'); }
    ?>
  </div><div class="right"><!--Menu Destro-->
    <div class="title">Menu</div>
    <div class="menu">
	  &gt; <a class="menu" href="?id=ciao">Ciao</a><br>
      &gt; <a class="menu" href="#">Ciao</a><br>
      &gt; <a class="menu" href="#">Ciao</a><br>
    </div><br>
  <div class="title" align="left">Statistiche</div>
  <div class="menu">
       sezioni</div><br>
  </div>
  
</div>
</body>
</html>

ecco il codice cmq


e il css

Codice: 
DIV {
	border: solid 1px;
}

div.principale {
	padding-left: 6px;
	padding-top: 7px; 
	padding-bottom: 7px;
	padding-left: 6px;
	position: Absolute;
	top: 10px;
	left: 25px;
	border: dotted 1px;
	width: 97%;
	height: 98%;
}
div.black {
   padding-left: 7px;
	padding-right: 7px;
   width: 99%;
	height: 820px;
	background-color: Black;
}

div.adv1 {
	width: 99%; 
	height: 185px;
	text-align: right;
}

#header {
	position: Absolute;
	left: 10px;
	top: 12px;
}

div.center {
   float: left;
   width: 68%;
	height: 300px;
	border: solid 1px White;
	padding: 10px;
	padding-top: 8px; 
	font: 12px, Arial; color: White;
}

div.left {
   float: left;
	width: 16%;
	border: 0px;
	padding-right: 5px;
	text-align: center;
}
div.right {
   float: left;
	width: 16%;
	border: 0px;
	padding-left: 5px;
	text-align: center;
}
div.menu {
    padding: 5px;
    width: 92%;
	 background-color: #778899;
	 border-left: solid 1px White;
	 border-bottom: solid 1px White;
	 border-right: solid 1px White;
	 border-top: 0px;
	 font: 11px, Arial Rounded MT Bold; color: White;
    text-align: left;
}

div.title {
    width: 96%;
    background-color: #FFD700;
	 font: 13px, Arial Rounded MT Bold, Bolder;
	 border: solid 1px White;
	 padding-left: 28px;
	 text-align: left;
}

a.menu { font: 11px, Arial Rounded MT Bold; color: White; padding-left: 3px; text-decoration: none;}
a.menu:hover { text-decoration: Underline;}

un po' incasinati lo so... ^^
 
cerbero

cerbero

Utente Attivo
9 Gen 2006
198
0
0
a chi possa interessare:

il fatto ke se mettevo

larghezza 82% e
larghezza 82% in due div e 1 diventava + lungo è dato dal fatto ke in un c'era "padding-left: 28px e questo allungava il div di 28px

(cosa ke nn succede con IE)

questo è 1 problema ma ce ne sono altri... aiutatemi a scoprirli.
 
cerbero

cerbero

Utente Attivo
9 Gen 2006
198
0
0
approfitto del topic x chiedere due cose:

c'è la possibilità di fare 1 script in modo che in una pagina cambi in tempo diretto il css???

cioè uno script che vada a modificare questa riga
<link rel="stylesheet" type="text/css" href="css/style1.css">

facendola diventare cosi: dopo aver clikkato su 1 link.

<link rel="stylesheet" type="text/css" href="css/style2.css">

e la seconda domanda.... ma qualcuno legge quello che scrivo, o sto parlando (scrivendo) da solo? :rolleyes:
 
cerbero

cerbero

Utente Attivo
9 Gen 2006
198
0
0
io ti farei sapere, se sapessi come si fa a fare questa funzione!!! un aiutino??? un tutorialino?? ^___^
 
lukeonweb

lukeonweb

Utente Attivo
5 Mar 2003
5.175
13
38
46
Napoli
www.lucaruggiero.it
provo a scriverla al volo

<script>
function cambiacss(quale)
{
var arrcss = new Array("rosso", "verde", "blu");
document.write("<link rel='stylesheet' type='text/css' href='" + arrcss[quale] + ".css'>");
}
</script>

<a href="javascript:cambiacss(0)">rosso</a><br>
<a href="javascript:cambiacss(1)">verde</a><br>
<a href="javascript:cambiacss(2)">blu</a><br>

crea i file rosso.css, verde.css e blu.css e prova
 
cerbero

cerbero

Utente Attivo
9 Gen 2006
198
0
0
no luke, non mi va... crusha il browser...

forse è dato dal fatto che con quello script scrivo
<link rel etc etc etc>

quando invece c è gia scritto..

servirebbe 1 cosa che prima lo cancella e poi lo scrive.. o lo sovrascrive direttamente..,.

o forse è xke lo scrive dove c'è il link "rosso verde blu" mentre invece dovrebbe scriverlo tra l'<head></head>

dimmi te..
 
Ultima modifica:
cerbero

cerbero

Utente Attivo
9 Gen 2006
198
0
0
O_O?

:dipser: :dipser: :dipser:

dai raga aiutatemi finche nn risolvo questo nn posso andare avanti....

xo lo script ke cambia css sarebbe 1 soluzione.. ma io vorrei capire esattamente cos'è ke firefox non legge correttamente!!

vi ho postato il css.... il codice è semplicemente fatto da tanti div dentro altri.......

e poi ho notato 1 cosa... se faccio nel css

TEXT-ALIGN: center

in Ie me lo centra mentre in firefox no.. ma ke roba è questa...

ho provato anche a impostarlo direttamente nel codice cioè

<div align="center">

ma niente! in firefox sembra nn funzionare!!
 
PoLe

PoLe

MRW Moderator
6 Giu 2005
2.198
3
0
40
.: Venezia :.
www.bzconsulting.it
Ciao Cerbero ;)

So già che dead insorgerà per ciò che sto per dirti :D ma se vuoi un consiglio...
manda al diavolo firefox e ottimizza il sito per Explorer! :evil:

E' normale a volte dover fare delle rinuncie per poter render compatibile il
proprio sito sia per con Explorer sia per FireCazz :rolleyes:

Personalmente odio questa cosa, per cui, visto che Explorer è in assoluto il browser più utilizzato, ti consiglio di lavorare per "lui" e basta :)
E' una discussione già affrontata più volte, e non voglio reiniziarla qui, pensa solo a ciò che ti suggerisco, e se vuoi dire la tua leggi e rispondi QUI ! ;)

SaLuT!
:byebye:
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
A WAMP visualizzazione sito in locale Web Server 3
Maria Bruni Visualizzazione sito sul server locale Discussioni Varie 0
D protezione cartelle: blocco visualizzazione/scaricamento contenuto, ma abilitazione utilizzo dati da parte di file .php presenti sul sito Web Server 1
F Problemi di visualizzazione di un sito su più browser WordPress 0
S Problemi di visualizzazione form contatti sito web HTML e CSS 2
A [PHP] Problema visualizzazione nome utente loggato su sito ecommerce PHP 23
S Errore visualizzazione sito web in IE 8, 7 e versioni antecedenti HTML e CSS 3
G Problema visualizzazione sito su iOS HTML e CSS 4
enzonero Problemi con la visualizzazione del sito fatto con WordPress WordPress 1
enzonero Problemi con la visualizzazione del sito fatto con Wordpress WordPress 1
W Problemi di visualizzazione sito PHP 12
B Inserire codice html per visualizzazione in altro sito web HTML e CSS 3
W Problemi visualizzazione sito HTML e CSS 3
P E' possibile cambiare la visualizzazione di un sito da mobile rispetto che da computer? Smartphone e tablet 3
S Visualizzazione errata del layout e dei font del sito HTML e CSS 1
S Problemi di visualizzazione sito HTML e CSS 1
asevenx problema visualizzazione sito su tablet e portatile PHP 1
M Problema visualizzazione codice sorgente altro sito PHP 4
P Problema visualizzazione sito wordpress CMS (Content Management System) 2
W Visualizzazione sito HTML e CSS 2
giancadeejay Intro flash,problema nella visualizzazione su sito Flash 2
neo996sps Errore visualizzazione sito con explorer HTML e CSS 1
WpStyle Visualizzazione e caricamento sito CMS (Content Management System) 3
M Problemi visualizzazione sito con IE HTML e CSS 1
A Problema visualizzazione sito web con Mozilla HTML e CSS 2
P joomla: visualizzazione webcam dopo pagamento [era:Creazione sito particolare. Aiuto] Joomla 5
V problema di visualizzazione del sito HTML e CSS 20
M Errore Javascript visualizzazione sito: HELP! Javascript 5
H Problemi di visualizzazione sito Webdesign e Grafica 1
BoBi problemi visualizzazione sito Webdesign e Grafica 5
D Problema visualizzazione sito Webdesign e Grafica 0
Z Ho un sito: su explorer ok, su Mozilla, disastro nella visualizzazione! HTML e CSS 3
S problemi visualizzazione sito... help... HTML e CSS 2
G Visualizzazione sito su altri pc Presenta il tuo Sito 1
Apeweb Problema di visualizzazione del sito Webdesign e Grafica 4
U Google + visualizzazione sito x tutti Javascript 3
GENZIANA Problemi visualizzazione sito HTML e CSS 0
B Visualizzazione del sito HTML e CSS 13
A Visualizzazione due tabelle PHP 1
F Problemi visualizzazione mappa Android studio Sviluppo app per Android 0
M Visualizzazione a video risultati query php PHP 0
M Errore visualizzazione meta tag title e description SEO e Posizionamento 1
D Visualizzazione pagina basata sul valore di un campo del database PHP 2
F Visualizzazione motore di ricerca SEO e Posizionamento 2
T cms con visualizzazione mind map CMS (Content Management System) 0
B margini e padding nella visualizzazione mobile HTML e CSS 6
A Errore visualizzazione selezione testo Photoshop 0
R Visualizzazione barra superiore Google Search Console 0
Beppe2 Visualizzazione sottotitoli video HTML e CSS 2
L risolto visualizzazione e ordinamento dati PHP 1

Discussioni simili

Alto Basso