7 replies [Last post]
andya700
andya700's picture
Offline
Regular
Last seen: 10 years 5 weeks ago
Joined: 2008-11-19
Posts: 31
Points: 11

Hello,
Can someone help me to understand what am I doing wrong? I almost completed a website for a friend and cannot understand why in IE6 the 'Content' div is breaking up (what happens is that instead of being shown normally, under the banner/masthead, it slides down by around 600px where the footer should normally be in a page). It is visible, just a page lower than it should be. I tried all Hacks that I could think of and find in books but this defy me. I am pretty sure thought that it has to do with the presence of a floated div for the menu. I am rather new to programming so be patient, the code may not be perfect but the look is how we wanted it (well, apart from IE6). Sigh.
Here is the code or see it online :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<title>Valter Giacomel-Consulenza Informatica e Sviluppo Software </title> 
<meta name="keywords" content="Valter Giacomel, consulenza informatica, sviluppo software, Firenze" /><!--da finire max 200chrt and 25 words--> 
<meta name="description" content="Sito Web di Valter Giacomel - Consulenza Informatica e Sviluppo Software" /><!--da finire--> 
<meta name="revisit-after" content="30-days" /> 
<meta name="robots" content="all, index" /><!--vedi poi se togliere index e limitare pagina about us--> 
<meta name="author" content="Singsandbytes - <a href="http://www.signsandbytes.com" rel="nofollow">www.signsandbytes.com</a> - for Valter Giacomel" /> 
<meta name="copyright" content="Valter Giacomel" /><!--extra meta line--> 
<meta name="publisher" content="Valter Giacomel" /><!--extra meta line--> 
<style type="text/css" media="screen"> 
/* <![CDATA[ */
@import url(giacomel.css);
/* ]]> */
</style> 
<link rel="shortcut icon" href="images/GiacomelFaviconW.ico" type="image/x-icon" /> 
<link rel="stylesheet" href="giacomel-print.css" type="text/css" media="print" /> 
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
</head> 
<body id="homePage"> 
	<div id="wrapper"> 
			<div id="masthead"> 
            		<div id="logo"> 
                	  <a href="index.html"><img src="images/GiacomelLogo.gif" alt="logo ditta Valter Giacomel" width="220" height="146"/></a> 
                    </div> 
		 			 <div id="banner"> 
						<img src="images/BannerImage.gif" title="immagine dei linguaggi e tecniche di programmazione usate da Valter Giacomel" width="700" height="150" alt="Immagine" /> 
 
		 			 </div> 
            </div> 
            <div id="maincontainer"> 
		            <div id="sidecontainer"> 
        		    		<div id="menu"> 
                		    	<ul> 
                            		<li id="homePageLink"><a href="index.html">Home page</a></li> 
                                    <li id="chisiamoPageLink"><a href="chisiamo.html">Chi siamo</a></li> 
                                    <li id="serviziPageLink"><a href="servizi.html">Servizi</a></li> 
                                    <li id="portfolioclientiPageLink"><a href="portfolioclienti.html">Portfolio clienti</a></li> 
                                    <li id="contattiPageLink"><a href="contatti.html">Contatti</a></li> 
                                    <li id="partnersPageLink"><a href="partners.html">Partners</a></li> 
                            	</ul> 
                    		</div> 
                    		<div id="submenu"> 
                		    	<ul> 
                            		<li><a href="portfolioclienti#adn">Adriatica di Navigazione</a></li> 
                                    <li><a href="portfolioclienti.html#cao">Caspian Ocean</a></li> 
                                    <li><a href="portfolioclienti.html#gnv">Grandi Navi Veloci</a></li> 
                                    <li><a href="portfolioclienti.html#mol">Moby Lines</a></li> 
                                    <li><a href="portfolioclienti.html#oce">Ocean</a></li> 
                                    <li><a href="portfolioclienti.html#ris">Rimorchiatori Sardi</a></li> 
                                  <li><a href="portfolioclienti.html#sab">Sabre</a></li> 
                                    <li><a href="portfolioclienti.html#toi">Tourship Italia<br />(Corsica/Sardinia Ferry)</a></li> 
                                </ul> 
                            </div> 
                            <div id="subsubmenu"> 
                            	<ul>    
									<li><a href="servizi.html#spci">Sistemi di prenotazione e check-in</a></li> 
                                    <li><a href="servizi.html#sgmt">Sistemi gestione trasporto merci</a></li> 
                                  <li><a href="servizi.html#sipc">Sistemi per personale e contabilitá</a></li> 
                                    <li><a href="servizi.html#cons">Consulenze</a></li> 
                                    <li><a href="servizi.html#altr">Altri servizi</a></li> 
                            	</ul> 
                    		</div> 
                            <div id="w3c"> 
							<p> 
							Creato da <a href="http://www.signsandbytes.com">Signsandbytes</a><br /> 
 
                            <p>Italiano | <a href="homeEN.html">English</a></p> 
 
                            &copy; 2009 Valter Giacomel<br /> 
                            P.IVA 03688490485 <br /> 
							<a href="resources/CondizioniUsoValterGiacomel.pdf" title="Condizioni d'uso sito Valter Giacomel">Condizioni d'uso</a> 
                            <p> 
                            <a href="http://validator.w3.org/check?uri=referer"><img 
        					 src="http://www.w3.org/Icons/valid-xhtml10-blue"
        					 alt="Valid XHTML 1.0 Strict" height="15" width="44" /></a> 
        					<a href="http://jigsaw.w3.org/css-validator/"> 
    						<img style="width:44px;height:15px; padding-top:10px"
       						 src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        					 alt="Valid CSS!" /></a> 
                             </p> 
							</div> 
       		  </div> 
            		<div id="content"> 
            		<h1>Una software-house affidabile e comprovata</h1> 
                    <p>Da 25 anni realizziamo software e forniamo consulenza informatica per clienti che cercano un servizio curato ed affidabile, che risponda in pieno ai requisiti ma con budget onesti.<br /> 
Eseguiamo progetti in una serie di <a href="servizi.html">aree applicative</a> diverse ma abbiamo  una vasta esperienza specifica nei <a href="servizi.html#spci">sistemi di prenotazione e check-in</a> per il trasporto marittimo di persone  e <a href="servizi.html#sgmt">merci</a>. Lavoriamo con aziende di tutte le dimensioni, dalla piccola realtá alla multinazionale. Nel nostro portfolio abbiamo primari clienti nel campo dei trasporti marittimi come <a href="portfolioclienti.html#gnv">Grandi Navi Veloci</a> per cui abbiamo realizzato, in coordinamento con il loro reparto informatico e commerciale, il motore del loro sistema di prenotazioni in <a href="https://ssl3.gnv.it/it/gnv-home_book/gnv-home_book/0/accessser/0/260/0/default.html?startRoute=GT&startRouteLabel=Genova/Porto%20Torres&endRoute=TG&endRouteLabel=Porto%20Torres/Genova#">internet</a> e le interfacce per i sistemi di prenotazione di agenzie  online (<a href="http://www.directferries.com/">per vedere un esempio clicca qui</a>).<br /> 
Lavoriamo volentieri anche con aziende in altri settori.</p> 
<p>I principi guida del nostro lavoro  possono essere sintetizzati in poche parole chiave: </p> 
                    <h3>Microstruttura</h3> 
                    <p>E’ nostra convinzione che lo sviluppo del software, dal progetto alla scrittura del codice, sia un’attività “artigianale”, che debba essere svolta da un piccolo gruppo di persone affiatate che lavorino al progetto dall’inizio alla fine, ognuna delle quali in possesso della visione globale del progetto stesso e degli obiettivi da raggiungere.
In questo modo miglioriamo notevolmente l’efficacia operativa, grazie ai rapporti diretti tra il committente e chi svolge il lavoro, garantendo una maggiore aderenza alle specifiche richieste del cliente e una maggiore capacità di adattamento ad eventuali necessità di cambiamenti in corso d’opera.
</p> 
                    <h3>Dedizione</h3> 
                    <p>Una volta acquisito un incarico, ci dedichiamo completamente ad esso per portarlo a termine nei tempi previsti con piena soddisfazione da parte del cliente.
Non è nostra pratica acquisire nuovi lavori se i nostri impegni ci impediscono di poter dedicare loro tutto il tempo necessario. Questo principio ci ha portato in passato a rifiutare incarichi anche importanti, ma ci ha consentito di guadagnare la stima dei nostri clienti.
</p> 
                    <h3>Affidabilitá</h3> 
                    <p>Non facciamo promesse che non siamo in grado di mantenere. Ad esempio, nella proposta di collaborazione non accorciamo i tempi previsti per la realizzazione di un progetto allo scopo di allettare il committente e aggiudicarci la commessa, come non spacciamo competenze che non possediamo, confidando di acquisirle una volta ottenuto l’incarico.
Preferiamo dare ai nostri potenziali clienti un quadro realistico delle nostre capacità e dei tempi in cui siamo in grado di completare un lavoro, e saranno loro a decidere se accettare o meno la nostra proposta in base alle loro esigenze.
</p> 
                    <h3>Collaborazione</h3> 
                    <p>Ci piace lavorare a stretto contatto con il cliente, per comprendere a fondo quali sono le sue reali esigenze e mettere a sua disposizione la nostra competenza, per trovare insieme le soluzioni più efficaci e adeguate per il raggiungimento degli obiettivi aziendali.
E’ nostra convinzione che sia nostro compito essere propositivi, per offrire valore aggiunto al cliente e aiutarlo a farsi un quadro completo delle possibilità che ha di fronte, ma che le decisioni finali sulle scelte da operare siano di sua esclusiva competenza.
Questo vale sia nel caso in cui il cliente ci affidi la realizzazione di un nuovo progetto interamente affidato al nostro studio, sia nel caso in cui ci chieda di collaborare con il personale ICT interno, seguendone le direttive.
</p> 
					<p>Questa è la metodologia di lavoro usata dal nostro Studio, la nostra <q>filosofia</q>, e la longevità dei rapporti con i nostri <a href="portfolioclienti.html">clienti</a> ci fa pensare di essere nel giusto.</p> 
  					</div> 
            </div> 
</div> 
<!--Google Analytics Start--> 
<script type="text/javascript"> 
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script> 
<script type="text/javascript"> 
try {
var pageTracker = _gat._getTracker("UA-6315001-2");
pageTracker._trackPageview();
} catch(err) {}</script> 
<!--Google Analytics End--> 
</body> 
</html> 

and the CSS:

@charset "utf-8";
/* STYLE SHEET FOR <a href="http://WWW.GIACOMEL.IT" rel="nofollow">WWW.GIACOMEL.IT</a>
 
 
ToC
 
		1. defaults
		2. structure
		3. links and navigation
		4. fonts
		5. images
 
Notes
 
*/
/* --------- 1. defaults --------- */
*{
		margin: 0;
		padding: 0;
}
 
 
html {
	font-size: 100%;
}
 
body {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(images/GiacomelBackground.png) 50% 0 repeat-y;
}
 
/* --------- 2. structure --------- */
 
#body {
	font: 62.5%;
	line-height: 1.5;
}
 
#wrapper {
	width: 960px;
	margin: 0 auto;
	min-height:500px;
	background:#FFFFFF;
/* -- background: url(images/960_grid_16_col.png) -30px no-repeat;	-- */
}
 
#masthead {
	width:940px;
	height: 150px;
	padding: 0px 0px 0px 10px;
	margin-top:5px;
	margin-right:10px;
}
 
#logo {
	width:220px;
	height: 80px;
	float:left;
}
 
#banner {
	width:700px;
	height: 150px;
	float:right;
	background: #FFFFFF url(images/ATBackgroundShapeTopSlice.gif) no-repeat 0 0;
}
 
#maincontainer {
 
}
 
#sidecontainer {
	float:left;
	width:225px;
	padding:50px 15px 10px 0;
	margin-left:10px;
	background:#FFFFFF;
}
 
#menu {
	width:200px;
}
 
#submenu, #subsubmenu {
	margin-top:30px;
	padding-left:15px;
	color:#000000;
	width:200px;
}
 
#submenuMap {
	margin-top:30px;
	color:#000000;
	width:220px;
	padding-bottom:5px;
	border:1px solid #006BB5;
	font:0.8em/1.0 Arial, Helvetica, sans-serif;
}
 
#w3c {
	margin-top: 30px;
	margin-left:15px;
	font:0.8em/1.0 Arial, Helvetica, sans-serif;
}
 
#content {
	float:right;
	width:580px;
	height:600px;
	overflow:visible;
	padding: 20px 70px 0 60px;
	background:url(images/ATBackgroundShape.gif) no-repeat 0 -150px;
}
 
.clearFloats {
	clear:both;
	}
 
#emailform {
	font:0.9em/1.0 Arial, Helvetica, sans-serif;
	color: #006BB5;
	padding:15px 15px 15px 15px;
	background:url(images/MiniTile.png);
	height: 400px;
}
/* --------- 3. links and navigation --------- */
 
a img{
	border: none;
}
 
#content a img{
	border:1px solid #006BB5;
}
 
#content a, #content a:visited {
color:#000000;
}
 
#content a:hover {
color:#006BB5;
}
 
#menu li {
	background: url(images/css-tab-rollover-image.gif) no-repeat 0 0;
	list-style-type:none;
	width: 220px;
	height: 30px;
}
 
#menu a:link, #menu a:visited {
	font:1.1em/1.2 Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	height: 21px;
	padding:5px 10px 5px 15px;
	color:#000000;
}
 
#menu a:hover {
	background:url(images/css-tab-rollover-image.gif) 0 -40px;
	color: #FFFFFF;
}
 
#menu a:active {
	background:url(images/css-tab-rollover-image.gif) 0 -80px;
	color:#FFFFFF;
}
 
#homePage #homePageLink a:link, #homePage #homePageLink a:visited, #chisiamoPage #chisiamoPageLink a:link, #chisiamoPage #chisiamoPageLink a:visited, #serviziPage #serviziPageLink a:link, #serviziPage #serviziPageLink a:visited, #portfolioclientiPage #portfolioclientiPageLink a:link, #portfolioclientiPage #portfolioclientiPageLink a:visited, #contattiPage #contattiPageLink a:link, #contattiPage #contattiPageLink a:visited, #partnersPage #partnersPageLink a:link, #partnersPage #partnersPageLink a:visited {
	background:url(images/css-tab-rollover-image.gif) 0 -120px;
	color:#FFFFFF;
}
 
#submenu, #subsubmenu, ul {
	list-style-type:none;
	text-decoration:none;
	width:220px;
	font:0.9em/1.0 Arial, Helvetica, sans-serif;
}	
 
#submenu a:link, #submenu a:visited, #subsubmenu a:link, #subsubmenu a:visited {
	color:#000000;
	text-decoration:none;
}
 
#submenu a:hover, #subsubmenu a:hover {
	color:#006BB5;
}
 
#submenu a:active, #subsubmenu a:active {
	color:#006BB5;
}
 
#w3c a, #w3c a:visited {
color:#006BB5;
text-decoration:none;
}
 
#w3c a:hover {
color:#7FB5DA;
}
 
#mapfootnotes {
	padding:5px 0px 5px 0px;
	text-align:center;
	width:220px;
}
 
.onpageLink {
	font-size: 0.9em;
	text-align:right;
	margin-bottom: 1.0em;
	color:#006BB5;
}
 
/* --------- 4. fonts --------- */
 
h1 {
	font-size: 1.3em;
	margin-bottom: 0.1em;
	color:#006BB5;
}
 
h2 {
	font-size: 1.0em;
	margin-bottom: 0.1em;
	color:#006BB5;
}
 
h3 {
	font-size: 0.9em;
	margin-bottom: 0.1em;
	color:#006BB5;
}
 
p {
	font-size: 0.9em;
	margin-bottom: 1.0em;
}
 
#subsubmenu, li {
	text-align:left;
}
 
#submenuMap h2 {
	text-align: center;
	padding-top:5px;
	padding-bottom:8px;
}
 
 
/* --------- 5. images --------- */
 
#adn, #mol, #ris, #partnersA, #SandB, #copra, #unip, #phids, #cao, #sab, #tri {
	background:url(images/MiniTile.png);
	padding: 5px 5px 5px 5px;
}
 
#gnv, #oce, #partnersB, #hal, #toi {
	padding: 5px 5px 5px 5px;
}

Andy

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

IE6 handles the box model

IE6 handles the box model differently to other browsers.
If I remember correctly it adds padding to the calculated width, so width:100; padding 10px = 120px (10 + 100+ 10)

So in your case:
#wrapper = 960px
#sidecontainer = 250px (225 + 15 + 10)
#content = 710px (580 +70 +60)

There's just not quite enough room. Try removing the margin-left from #sidecontainer or adjusting the padding on #content

andya700
andya700's picture
Offline
Regular
Last seen: 10 years 5 weeks ago
Joined: 2008-11-19
Posts: 31
Points: 11

Thanks!

Smile Thanks a lot, it seems that whilst looking at more complicated problems of IE 6 I overlooked the simplest one of all, of which I had heard but... Sad
I managed to slve the problem by reducing the width of the Content div.
A big big thank you!!!!!!
You made my day with this.
Regards
A

Andy

andya700
andya700's picture
Offline
Regular
Last seen: 10 years 5 weeks ago
Joined: 2008-11-19
Posts: 31
Points: 11

IE8 - Div/Page disappearing completely

Code is posted above.

I now have solved the problem with IE6 and when I thought I am done....there is an even bigger one with IE8!!! (will MS IE ever work properly I wonder!).

Can anyone help me pointing me in the right direction? I use TotalValidator to check but the customer, who also use IE8 confirmed my findings (that is, all but the background around the wrapper disappear!

I googled this and I find some material pointing at the presence of certain concurrent settings in CSS, but none of them seems to fit my case, so I cannot really find any reasons. Even here I searched but with little fortune.

Can anyone help? Sad

Thanks
Regards
Andy

Andy

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Can you link to the page

Can you link to the page please.

andya700
andya700's picture
Offline
Regular
Last seen: 10 years 5 weeks ago
Joined: 2008-11-19
Posts: 31
Points: 11

IE8 - Div/Page disappearing completely

Here it is:

http://www.signsandbytes.com/giacomel/index.html

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<title>Valter Giacomel-Consulenza Informatica e Sviluppo Software </title> 
<meta name="keywords" content="Valter Giacomel, consulenza informatica, sviluppo software, Firenze" /><!--da finire max 200chrt and 25 words--> 
<meta name="description" content="Sito Web di Valter Giacomel - Consulenza Informatica e Sviluppo Software" /><!--da finire--> 
<meta name="revisit-after" content="30-days" /> 
<meta name="robots" content="all, index" /><!--vedi poi se togliere index e limitare pagina about us--> 
<meta name="author" content="Singsandbytes - <a href="http://www.signsandbytes.com" rel="nofollow">www.signsandbytes.com</a> - for Valter Giacomel" /> 
<meta name="copyright" content="Valter Giacomel" /><!--extra meta line--> 
<meta name="publisher" content="Valter Giacomel" /><!--extra meta line--> 
<style type="text/css" media="screen"> 
/* <![CDATA[ */
@import url(giacomel.css);
/* ]]> */
</style> 
<link rel="shortcut icon" href="images/GiacomelFaviconW.ico" type="image/x-icon" /> 
<link rel="stylesheet" href="giacomel-print.css" type="text/css" media="print" /> 
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
</head> 
<body id="homePage"> 
	<div id="wrapper"> 
			<div id="masthead"> 
            		<div id="logo"> 
                	  <a href="index.html"><img src="images/GiacomelLogo.gif" alt="logo ditta Valter Giacomel" width="220" height="146"/></a> 
                    </div> 
		 			 <div id="banner"> 
						<img src="images/BannerImage.gif" title="immagine dei linguaggi e tecniche di programmazione usate da Valter Giacomel" width="700" height="150" alt="Immagine" /> 
 
		 			 </div> 
            </div> 
            <div id="maincontainer"> 
		            <div id="sidecontainer"> 
        		    		<div id="menu"> 
                		    	<ul> 
                            		<li id="homePageLink"><a href="index.html">Home page</a></li> 
                                    <li id="chisiamoPageLink"><a href="chisiamo.html">Chi siamo</a></li> 
                                    <li id="serviziPageLink"><a href="servizi.html">Servizi</a></li> 
                                    <li id="portfolioclientiPageLink"><a href="portfolioclienti.html">Portfolio clienti</a></li> 
                                    <li id="contattiPageLink"><a href="contatti.html">Contatti</a></li> 
                                    <li id="partnersPageLink"><a href="partners.html">Partners</a></li> 
                            	</ul> 
                    		</div> 
                    		<div id="submenu"> 
                		    	<ul> 
                            		<li><a href="portfolioclienti#adn">Adriatica di Navigazione</a></li> 
                                    <li><a href="portfolioclienti.html#cao">Caspian Ocean</a></li> 
                                    <li><a href="portfolioclienti.html#gnv">Grandi Navi Veloci</a></li> 
                                    <li><a href="portfolioclienti.html#mol">Moby Lines</a></li> 
                                    <li><a href="portfolioclienti.html#oce">Ocean</a></li> 
                                    <li><a href="portfolioclienti.html#ris">Rimorchiatori Sardi</a></li> 
                                  <li><a href="portfolioclienti.html#sab">Sabre</a></li> 
                                    <li><a href="portfolioclienti.html#toi">Tourship Italia<br />(Corsica/Sardinia Ferry)</a></li> 
                                </ul> 
                            </div> 
                            <div id="subsubmenu"> 
                            	<ul>    
									<li><a href="servizi.html#spci">Sistemi di prenotazione e check-in</a></li> 
                                    <li><a href="servizi.html#sgmt">Sistemi gestione trasporto merci</a></li> 
                                  <li><a href="servizi.html#sipc">Sistemi per personale e contabilitá</a></li> 
                                    <li><a href="servizi.html#cons">Consulenze</a></li> 
                                    <li><a href="servizi.html#altr">Altri servizi</a></li> 
                            	</ul> 
                    		</div> 
                            <div id="w3c"> 
							<p> 
							Creato da <a href="http://www.signsandbytes.com">Signsandbytes</a><br /> 
 
                            <p>Italiano | <a href="homeEN.html">English</a></p> 
 
                            &copy; 2009 Valter Giacomel<br /> 
                            P.IVA 03688490485 <br /> 
							<a href="resources/CondizioniUsoValterGiacomel.pdf" title="Condizioni d'uso sito Valter Giacomel">Condizioni d'uso</a> 
                            <p> 
                            <a href="http://validator.w3.org/check?uri=referer"><img 
        					 src="http://www.w3.org/Icons/valid-xhtml10-blue"
        					 alt="Valid XHTML 1.0 Strict" height="15" width="44" /></a> 
        					<a href="http://jigsaw.w3.org/css-validator/"> 
    						<img style="width:44px;height:15px; padding-top:10px"
       						 src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        					 alt="Valid CSS!" /></a> 
                             </p> 
							</div> 
       		  </div> 
            		<div id="content"> 
            		<h1>Una software-house affidabile e comprovata</h1> 
                    <p>Da 25 anni realizziamo software e forniamo consulenza informatica per clienti che cercano un servizio curato ed affidabile, che risponda in pieno ai requisiti ma con budget onesti.<br /> 
Eseguiamo progetti in una serie di <a href="servizi.html">aree applicative</a> diverse ma abbiamo  una vasta esperienza specifica nei <a href="servizi.html#spci">sistemi di prenotazione e check-in</a> per il trasporto marittimo di persone  e <a href="servizi.html#sgmt">merci</a>. Lavoriamo con aziende di tutte le dimensioni, dalla piccola realtá alla multinazionale. Nel nostro portfolio abbiamo primari clienti nel campo dei trasporti marittimi come <a href="portfolioclienti.html#gnv">Grandi Navi Veloci</a> per cui abbiamo realizzato, in coordinamento con il loro reparto informatico e commerciale, il motore del loro sistema di prenotazioni in <a href="https://ssl3.gnv.it/it/gnv-home_book/gnv-home_book/0/accessser/0/260/0/default.html?startRoute=GT&startRouteLabel=Genova/Porto%20Torres&endRoute=TG&endRouteLabel=Porto%20Torres/Genova#">internet</a> e le interfacce per i sistemi di prenotazione di agenzie  online (<a href="http://www.directferries.com/">per vedere un esempio clicca qui</a>).<br /> 
Lavoriamo volentieri anche con aziende in altri settori.</p> 
<p>I principi guida del nostro lavoro  possono essere sintetizzati in poche parole chiave: </p> 
                    <h3>Microstruttura</h3> 
                    <p>E’ nostra convinzione che lo sviluppo del software, dal progetto alla scrittura del codice, sia un’attività “artigianale”, che debba essere svolta da un piccolo gruppo di persone affiatate che lavorino al progetto dall’inizio alla fine, ognuna delle quali in possesso della visione globale del progetto stesso e degli obiettivi da raggiungere.
In questo modo miglioriamo notevolmente l’efficacia operativa, grazie ai rapporti diretti tra il committente e chi svolge il lavoro, garantendo una maggiore aderenza alle specifiche richieste del cliente e una maggiore capacità di adattamento ad eventuali necessità di cambiamenti in corso d’opera.
</p> 
                    <h3>Dedizione</h3> 
                    <p>Una volta acquisito un incarico, ci dedichiamo completamente ad esso per portarlo a termine nei tempi previsti con piena soddisfazione da parte del cliente.
Non è nostra pratica acquisire nuovi lavori se i nostri impegni ci impediscono di poter dedicare loro tutto il tempo necessario. Questo principio ci ha portato in passato a rifiutare incarichi anche importanti, ma ci ha consentito di guadagnare la stima dei nostri clienti.
</p> 
                    <h3>Affidabilitá</h3> 
                    <p>Non facciamo promesse che non siamo in grado di mantenere. Ad esempio, nella proposta di collaborazione non accorciamo i tempi previsti per la realizzazione di un progetto allo scopo di allettare il committente e aggiudicarci la commessa, come non spacciamo competenze che non possediamo, confidando di acquisirle una volta ottenuto l’incarico.
Preferiamo dare ai nostri potenziali clienti un quadro realistico delle nostre capacità e dei tempi in cui siamo in grado di completare un lavoro, e saranno loro a decidere se accettare o meno la nostra proposta in base alle loro esigenze.
</p> 
                    <h3>Collaborazione</h3> 
                    <p>Ci piace lavorare a stretto contatto con il cliente, per comprendere a fondo quali sono le sue reali esigenze e mettere a sua disposizione la nostra competenza, per trovare insieme le soluzioni più efficaci e adeguate per il raggiungimento degli obiettivi aziendali.
E’ nostra convinzione che sia nostro compito essere propositivi, per offrire valore aggiunto al cliente e aiutarlo a farsi un quadro completo delle possibilità che ha di fronte, ma che le decisioni finali sulle scelte da operare siano di sua esclusiva competenza.
Questo vale sia nel caso in cui il cliente ci affidi la realizzazione di un nuovo progetto interamente affidato al nostro studio, sia nel caso in cui ci chieda di collaborare con il personale ICT interno, seguendone le direttive.
</p> 
					<p>Questa è la metodologia di lavoro usata dal nostro Studio, la nostra <q>filosofia</q>, e la longevità dei rapporti con i nostri <a href="portfolioclienti.html">clienti</a> ci fa pensare di essere nel giusto.</p> 
  					</div> 
            </div> 
</div> 
<!--Google Analytics Start--> 
<script type="text/javascript"> 
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script> 
<script type="text/javascript"> 
try {
var pageTracker = _gat._getTracker("UA-6315001-2");
pageTracker._trackPageview();
} catch(err) {}</script> 
<!--Google Analytics End--> 
</body> 
</html> 

CSS:

@charset "utf-8";
/* STYLE SHEET FOR <a href="http://WWW.GIACOMEL.IT" rel="nofollow">WWW.GIACOMEL.IT</a>
 
 
ToC
 
		1. defaults
		2. structure
		3. links and navigation
		4. fonts
		5. images
 
Notes
 
*/
/* --------- 1. defaults --------- */
*{
		margin: 0;
		padding: 0;
}
 
 
html {
	font-size: 100%;
}
 
body {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(images/GiacomelBackground.png) 50% 0 repeat-y;
}
 
/* --------- 2. structure --------- */
 
#body {
	font: 62.5%;
	line-height: 1.5;
}
 
#wrapper {
	width: 960px;
	margin: 0 auto;
	min-height:500px;
	background:#FFFFFF;
/* -- background: url(images/960_grid_16_col.png) -30px no-repeat;	-- */
}
 
#masthead {
	width:940px;
	height: 150px;
	padding: 0px 0px 0px 10px;
	margin-top:5px;
	margin-right:10px;
}
 
#logo {
	width:220px;
	height: 80px;
	float:left;
}
 
#banner {
	width:700px;
	height: 150px;
	float:right;
	background: #FFFFFF url(images/ATBackgroundShapeTopSlice.gif) no-repeat 0 0;
}
 
#maincontainer {
 
}
 
#sidecontainer {
	float:left;
	width:225px;
	padding:50px 15px 10px 0;
	margin-left:10px;
	background:#FFFFFF;
}
 
#menu {
	width:200px;
}
 
#submenu, #subsubmenu {
	margin-top:30px;
	padding-left:15px;
	color:#000000;
	width:200px;
}
 
#submenuMap {
	margin-top:30px;
	color:#000000;
	width:220px;
	padding-bottom:5px;
	border:1px solid #006BB5;
	font:0.8em/1.0 Arial, Helvetica, sans-serif;
}
 
#w3c {
	margin-top: 30px;
	margin-left:15px;
	font:0.8em/1.0 Arial, Helvetica, sans-serif;
}
 
#content {
	float:right;
	width:580px;
	height:600px;
	overflow:visible;
	padding: 20px 70px 0 60px;
	background:url(images/ATBackgroundShape.gif) no-repeat 0 -150px;
}
 
.clearFloats {
	clear:both;
	}
 
#emailform {
	font:0.9em/1.0 Arial, Helvetica, sans-serif;
	color: #006BB5;
	padding:15px 15px 15px 15px;
	background:url(images/MiniTile.png);
	height: 400px;
}
/* --------- 3. links and navigation --------- */
 
a img{
	border: none;
}
 
#content a img{
	border:1px solid #006BB5;
}
 
#content a, #content a:visited {
color:#000000;
}
 
#content a:hover {
color:#006BB5;
}
 
#menu li {
	background: url(images/css-tab-rollover-image.gif) no-repeat 0 0;
	list-style-type:none;
	width: 220px;
	height: 30px;
}
 
#menu a:link, #menu a:visited {
	font:1.1em/1.2 Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	height: 21px;
	padding:5px 10px 5px 15px;
	color:#000000;
}
 
#menu a:hover {
	background:url(images/css-tab-rollover-image.gif) 0 -40px;
	color: #FFFFFF;
}
 
#menu a:active {
	background:url(images/css-tab-rollover-image.gif) 0 -80px;
	color:#FFFFFF;
}
 
#homePage #homePageLink a:link, #homePage #homePageLink a:visited, #chisiamoPage #chisiamoPageLink a:link, #chisiamoPage #chisiamoPageLink a:visited, #serviziPage #serviziPageLink a:link, #serviziPage #serviziPageLink a:visited, #portfolioclientiPage #portfolioclientiPageLink a:link, #portfolioclientiPage #portfolioclientiPageLink a:visited, #contattiPage #contattiPageLink a:link, #contattiPage #contattiPageLink a:visited, #partnersPage #partnersPageLink a:link, #partnersPage #partnersPageLink a:visited {
	background:url(images/css-tab-rollover-image.gif) 0 -120px;
	color:#FFFFFF;
}
 
#submenu, #subsubmenu, ul {
	list-style-type:none;
	text-decoration:none;
	width:220px;
	font:0.9em/1.0 Arial, Helvetica, sans-serif;
}	
 
#submenu a:link, #submenu a:visited, #subsubmenu a:link, #subsubmenu a:visited {
	color:#000000;
	text-decoration:none;
}
 
#submenu a:hover, #subsubmenu a:hover {
	color:#006BB5;
}
 
#submenu a:active, #subsubmenu a:active {
	color:#006BB5;
}
 
#w3c a, #w3c a:visited {
color:#006BB5;
text-decoration:none;
}
 
#w3c a:hover {
color:#7FB5DA;
}
 
#mapfootnotes {
	padding:5px 0px 5px 0px;
	text-align:center;
	width:220px;
}
 
.onpageLink {
	font-size: 0.9em;
	text-align:right;
	margin-bottom: 1.0em;
	color:#006BB5;
}
 
/* --------- 4. fonts --------- */
 
h1 {
	font-size: 1.3em;
	margin-bottom: 0.1em;
	color:#006BB5;
}
 
h2 {
	font-size: 1.0em;
	margin-bottom: 0.1em;
	color:#006BB5;
}
 
h3 {
	font-size: 0.9em;
	margin-bottom: 0.1em;
	color:#006BB5;
}
 
p {
	font-size: 0.9em;
	margin-bottom: 1.0em;
}
 
#subsubmenu, li {
	text-align:left;
}
 
#submenuMap h2 {
	text-align: center;
	padding-top:5px;
	padding-bottom:8px;
}
 
 
/* --------- 5. images --------- */
 
#adn, #mol, #ris, #partnersA, #SandB, #copra, #unip, #phids, #cao, #sab, #tri {
	background:url(images/MiniTile.png);
	padding: 5px 5px 5px 5px;
}
 
#gnv, #oce, #partnersB, #hal, #toi {
	padding: 5px 5px 5px 5px;
}

Andy

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Validate

Hi Andy,
You need to validate:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.signsandbytes.com%2Fgiacomel%2Findex.html

<!--[if lte IE 6]>

should be:
<!--[if lte IE 6]-->

That's most likely the error causing this issue but try to fix the other errors while you are there.

andya700
andya700's picture
Offline
Regular
Last seen: 10 years 5 weeks ago
Joined: 2008-11-19
Posts: 31
Points: 11

Thanks!

Thanks! I wish I had a better eye for details, that always seems to evade me. I am now working on revalidating the rest! Wink
Regards
A

Andy