Premetto che sono un principiante in materia.
Sto leggendo vari manuali e piano piano sto cercando di imparare questo fantastico linguaggio di programmazione.
Dovrei creare un'header di questo tipo:
Ho creato questo html che lo chiamo header.php
E questo il css:Codice PHP:<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javascript" src="inc/function.js" type="text/javascript"></script>
<link rel="stylesheet" href="style/style.css" type="text/css" />
<title>Prova</title>
</head>
<body>
<div id="body">
<div id="header">
[img]images/sito/logo.gif[/img]
</div>
<div id="header1">
</div>
<div id="header2">
[url="index.php"]Home Page [/url][url="index.php"]News [/url][url="index.php"]Gallery [/url]
</div>
</div>
Il problema è che con IE 6.0 mi compare un margine di 3px dal primo div al secondo.Con mozilla tutto ok.Codice PHP:/* CSS Document */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
}
div#header img{
background-image: url(../images/sito/logo.gif);
background:repeat: no-repeat;
background-position:top right;
float:left;
}
div#header1 {
width:100%;
height:38px;
background:#C8FA35;
}
div#corpo{
clear:left;
}
Ecco il risultato:
Prova
Grazie!
Rispondi quotando
