IE7 vs Firefox - posizionamento

sevenumber

Nuovo Utente
5 Apr 2007
10
0
0
ciao,

sto realizzando una pagina con table-less layout ma riscontro due problemi che non riesco a venirne capo.

1- perchè il label (di colore azzurro) è al top del box verde con IE7 mentre non con Firefox?
2- perchè il contenuto giallo è staccato dal footer con IE7 e non on Firefox?

(sotto riportato il codice e css relativo)

thanks in advance

Sevenumber

*******************************************
HTML
*******************************************
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="Untitled-2.css" media="screen" />
<title>Associato 2</title>
<meta name="generator" content="TYPO3 4.1 CMS" />

</head>
<body>
<div id="main-box">

<!-- INIZIO: Header -->
<div id="header-box"><!--###header-box### begin -->
<div id="header">HEADER</div>

<!--###header-box### end --></div>
<!-- FINE: Header -->
<hr />

<!-- INIZIO: Colonna Sinistra -->
<div id="left-box"><div class="menu-level1-no item-21">menu</div></div>
<!-- FINE: Colonna Sinistra -->


<!-- INIZIO: Colonna Destra -->
<div id="content-box">


<div class="tx-gdmesercenti-pi1">
<dl class="tx-gdmesercenti-pi1-listrow">
<h1 class="tx-gdmesercenti-pi1-listrowField-title">label</h1><dt class="tx-gdmesercenti-pi1-listrowField-indirizzo">xxx</dt>
</dl>
</div>

</div>
<!-- FINE: Colonna Destra -->


<hr />

<!-- INIZIO: Footer -->
<div id="bottom-box"> <!--###bottom-box### begin -->
FOOTER

<!--###bottom-box### ends --></div>
<!-- FINE: Footer -->

</div>
</body>
</html>
*******************************************
CSS
*******************************************
/* CSS Document */

body {
text-align: center; /*centra in IE 5.x */
}
/* GENERAL fonts */
P, OL, UL, DIV, H1, H2 {
font-family: verdana, arial;
font-size: 12px;
}
hr {
display:none
}
/* contenitore globale */
#main-box {
width/**/: 990px;
text-align: left;
margin: 0 auto;
padding: 0;
}
/* header */
#header-box {
background-color:#3399CC;
padding: 0;
text-align: center;
}
/* colonna sinistra */
#left-box {
float: left;
width/**/: 200px; /* Dimensioni per Explorer 5.x */
width: 200px!important; /* Dimensioni per browser standard compliant */
vertical-align: top;
background-color:#00CC99;
}
/* colonna destra */
#content-box {
float: right;
width/**/: 790px; /* Dimensioni per Explorer 5.x */
width: 790px!important; /* Dimensioni per browser standard compliant */
background-color: #FFCC33;
vertical-align: top;
}
/* footer */
#bottom-box {
clear: both;
padding: 0;
background-color:#00CC33;
text-align: center;
}
/* left-box */
/* left-menu */
DIV.menu-level1-no {
font-size: 12px;
padding-top: 30px;
padding-bottom: 0;
padding-right: 12px;
text-align: right;
height: 30px!important; /* Dimensioni per browser standard compliant */
height/**/: 60px; /* Dimensioni per Explorer 5.x */
}

/* contenuto destra */
/* CONTENT-BOX */
DIV.tx-gdmesercenti-pi1 {
float: left;
width/**/: 180px; /* Dimensioni per Explorer 5.x */
width: 180px!important; /* Dimensioni per browser standard compliant */
background-color: #009900;
}
dl.tx-gdmesercenti-pi1-listrow {
font-size: 10px;
}
h1.tx-gdmesercenti-pi1-listrowField-title {
width/**/: 180px; /* Dimensioni per Explorer 5.x */
width: 180px!important; /* Dimensioni per browser standard compliant */
color: #FFF;
text-align: right;
font-size: 14px;
font-weight: normal;
height/**/: 18px; /* Dimensioni per Explorer 5.x */
height: 13px!important; /* Dimensioni per browser standard compliant */
border-bottom: 1px solid #FFF;
padding-bottom: 4px;
margin: 0 0 4px 0;
background-color: #0099FF;
}
dt.tx-gdmesercenti-pi1-listrowField-indirizzo {
padding: 0 0 0 26px;
height/**/: 18px; /* Dimensioni per Explorer 5.x */
height: 18px!important; /* Dimensioni per browser standard compliant */
font-weight: bold;
}
 

mitnick87

Nuovo Utente
23 Gen 2007
28
0
0
anche io ho problemi di impaginazione cn
firefox!e cn ie nessun problema come mai ?
io sapevo solo che per far interpretare bene i valori delle tabelle a firefox c'era bisogno di mettere l'unità di misura attaccatta al numero.
 

sbobby

Utente Attivo
26 Gen 2006
791
0
0
Roma
io vi consiglio di usare i commenti condizionali per internet explorer, cosi risolvere ogni problema e ogni browser avrò il suo css ad hoc!!
 
Discussioni simili
Autore Titolo Forum Risposte Data
S IE7 vs Firefox differenza menu e container HTML e CSS 1
J ToolbarStudio - make IE & Firefox toolbars (IE7 compatible) Webdesign e Grafica 0
Bluedr4gon Problema di importa AJAX con IE7 Ajax 5
G Problema con upload immagini e IE7 PHP 6
matteoraggi Drupal: problemi di visualizzazione tema marinelli su IE7 e 8 Content Management System (CMS) 4
S Visualizzazione instabile con ie7 HTML e CSS 2
C visualizzaizone non corretta in IE7 HTML e CSS 0
M Problema di visualizzazione Lightbox in IE7 e Safari Javascript 3
borgo italia ancora ie6 ie7 ff HTML e CSS 3
A Problema pagina AJAX con IE7 Ajax 0
L form login sbagliato in ie7 HTML e CSS 5
D problema IE7: bisogna aspettare 5sec. per fare submit di una form PHP 14
D Problemi css Ie7 HTML e CSS 0
R Activex ie7 e flash Flash 2
I Pulsanti E Ie7 Flash 9
SolidSnake4 hack per ie7 HTML e CSS 4
M IE7 non apre schermo intero Windows e Software 0
M problema con scrolling news ie7/6 Javascript 0
M Preferiti per IE7 FF NS e Opera in un colpo Snippet Javascript 0
Z Aiuto! Problemi con menu in IE7 Javascript 2
sbobby IE6 diverso da IE7!!! HTML e CSS 2
T Internet Explorer 7 Release Candidate 1 in standalone mode(IE7) HTML e CSS 3
G Server NVR offline con Firefox 22.0 IP Cam e Videosorveglianza 3
trattorino [PHP] [HTML] redirect iniezione su firefox PHP 5
D [WordPress] Reindirizzamento funziona su Chrome ma non su Firefox WordPress 0
S [HTML] Problemi con Blueimp image gallery su Chrome e Firefox HTML e CSS 2
Rikk73 onScroll non funziona su firefox su mac jQuery 4
M Dimensioni diverse degli input text tra Firefox per Linux e Windows HTML e CSS 3
C Problema javascript su chrome e firefox Javascript 2
F @font-face firefox HTML e CSS 3
P Div visibile con ie ma non con firefox e chrome HTML e CSS 7
asevenx problema visualizzazione slider con firefox HTML e CSS 3
Marco_88 Problemi layout con firefox HTML e CSS 3
A Perchè su chrome e safari funziona tutto e su firefox e ie no?!!!? Presentati al Forum 0
G Compatibilità Firefox Javascript 0
G Problema Firefox 32.0.3 e Sun Java Windows e Software 2
L Visualizzazione Firefox HTML e CSS 1
Shyson Firefox 29 non prende a.visited HTML e CSS 0
D Verifica plug-in aggiornati di Firefox non vede gli aggiornamenti effettivi Windows e Software 0
F [RISOLTO] .bind() jquery non funziona su firefox jQuery 3
T JQuery non funziona su firefox jQuery 2
P box like facebook vuoto con firefox Javascript 0
G problema con firefox Javascript 1
Y Firefox, Opera e IE non leggono il .css! HTML e CSS 2
S Css che funziona solo su firefox e altri: Chrome no. HTML e CSS 1
F problemi visualizzazione firefox HTML e CSS 7
J Aiuto problemone firefox. HTML e CSS 4
F Problema elenco puntato firefox HTML e CSS 0
playmo le animazioni con jQuery RoyalSlider dentro WP a FireFox non piacciono, non capisco WordPress 0
D Problema con il disclaimer/pagina per l'accesso al'sito, funziona solo con firefox PHP 0

Discussioni simili