Pagina 1 di 2
CSS/Browsers
Inviato:
mar apr 11, 2006 9:50 pmda domenico127
Ciao a tutti. Vorrei sapere una cosa riguardo il rapporto CSS/browsers. Non so se ci avete mai fatto caso, ma se si imposta un bordo (più evidente se di spessore grande) intorno a un div, IE lo inserisce al suo interno e Firefox all'esterno, creando così degli "errori" di visualizzazione. C'è un modo per deviare a questo inconveniente?
Grazie
Inviato:
mar apr 11, 2006 10:22 pmda Boo
HTML viene interpretato diversamente da ogni browser, CSS ancora di più, quella non è l'unica incompatibilità, la migliore cosa è provare e riprovare.
Inviato:
mar apr 11, 2006 10:28 pmda domenico127
Si è ovvio che è una delle tante incompatibilità... ma ho notato che in alcuni siti la visualizzazione nei due browser è tale e quale, "perché?" mi chiedo...
Inviato:
mar apr 11, 2006 11:25 pmda Boo
Perché il webmaster si è impegnato per rendere il proprio sito correttamente visibile ad ogni sito o perché ha usato codice che non crea conflitto.
Inviato:
mer apr 12, 2006 10:30 amda domenico127
Giust'appunto!!!! La risposta che si darebbe chiunque!!! Ma qual è questo codice? E' da tanto tempo che lo cerco....
Inviato:
mer apr 12, 2006 11:15 amda Boo
Intanto dammi il codice con il problema
Inviato:
mer apr 12, 2006 11:21 amda domenico127
Accade con qualsiasi border. Faccio un esempio:
- Codice: Seleziona tutto
<div id="prova">
</div>
- Codice: Seleziona tutto
div#prova {
width: 100px;
height: 100px;
border: 4px solid #000000;
}
In IE e in Firefox non si vedrà nello stesso modo. Il primo, il bordo lo inserirà all'interno del div, il secondo all'esterno.[/i]
Inviato:
mer apr 12, 2006 11:25 amda Boo
domenico127 ha scritto:In IE e in Firefox non si vedrà nello stesso modo.
Che versioni?
Io ho provato con Firefox 1.5.0.1, IE 6 e Opera 8.5.4 e sono tutti uguali.
Inviato:
mer apr 12, 2006 11:28 amda domenico127
IE 6 e Firefox 1.8
Inviato:
mer apr 12, 2006 11:33 amda Boo
domenico127 ha scritto:Firefox 1.8
???
Inviato:
mer apr 12, 2006 11:38 amda domenico127
Sarebbe la 1.5. Ho digitato male. Scusami.
Inviato:
mer apr 12, 2006 11:44 amda Boo
Credo sia una semplice differenza di proporzioni, quando lavori senza tabelle è frequente, se dici che c'è gente che riesce a rendere il sito uguale nei diversi browser studiati il loro codice.
Inviato:
mer apr 12, 2006 11:47 amda domenico127
Non c'è un modo per rimediare a queste semplici proporzioni?
P.S.: Tu prima a quale codice alludevi?
P.P.S. perché tu vedi la pagina in ugual modo in entrambi i browsers e io no?
Inviato:
mer apr 12, 2006 11:55 amda Boo
domenico127 ha scritto:Non c'è un modo per rimediare a queste semplici proporzioni?
Non lo so, io non ci ho mai badato più di tanto.
domenico127 ha scritto:P.S.: Tu prima a quale codice alludevi?
Questo:
domenico127 ha scritto:Si è ovvio che è una delle tante incompatibilità... ma ho notato che in alcuni siti la visualizzazione nei due browser è tale e quale, "perché?" mi chiedo...
domenico127 ha scritto:P.P.S. perché tu vedi la pagina in ugual modo in entrambi i browsers e io no?
Non lo so, magari è la risoluzione, la mia è 1152 x 864
Inviato:
mer apr 12, 2006 12:10 pmda domenico127
Anche con quella risoluzione non cambia nulla...
![[cry+]](http://www.megalab.it/forum/images/smilies/cry.gif "Piangere a dirotto")
Con Opera la visualizzazione è adentica a quella di IE
Inviato:
mer apr 12, 2006 12:18 pmda Boo
Hai usato HTML4 o XHTML?
Inviato:
mer apr 12, 2006 12:34 pmda domenico127
HTML 4
- Codice: Seleziona tutto
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Inviato:
mer apr 12, 2006 12:52 pmda Boo
Io ho fatto i miei test con XHTML 1.1
Inviato:
mer apr 12, 2006 1:16 pmda domenico127
Ah capisco, potresti postare il codice che hai testato?
Inviato:
mer apr 12, 2006 1:20 pmda Boo
- Codice: Seleziona tutto
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html dir="ltr">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="en-us" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
div#prova {
border: 4px solid #000;
height: 100px;
width: 100px;
}
</style>
</head>
<body>
<div id="prova">
</div>
</body>
</html>