buenas noches que tal,
estoy intentando hacer un header con css, la idea es colocarle una imagen pero que no sea imagen de fondo para que puedan escribir sobre ella
la idea es colocar una imagen como si la colocara normal
el problema que estoy teniendo es estoy usando una resolucion de pantalla de 1024 por 768 asi se ve bien la imagen que le puse en el header pero si selecciono el boton de maximisar otra ves para achicar la pantalla y me voy con el scrol de abajo me aparece la imagen del header cortada
y si coloco la resolucion 600 por 800 tambien me aparece cortada
en mi css tengo esto
body {
background-color:#000000;
margin:0;
font-size:8pt;
font-family : verdana,arial;
}
p{
font-size:9pt;
font-family:verdana,arial;
font-weight : normal;
color: #3366CC;
}
h1 {
border:1px solid #F00; /*border: ancho tipo color;*/
}
H11 {
font-size : 36pt;
font-family : verdana,arial;
text-decoration : underline;
text-align : center;
background-color : Teal;
}
TD {
font-size :9pt;
font-family : verdana,arial;
text-align : center;
#000000
}
Th {
font-size :9pt;
font-family : verdana,arial;
text-align : center;
}
div {
margin: 0;
padding: 0;
}
#header{
height:162px;
background :url(Images/header.gif) no-repeat top left;
margin: 0px 0px 0px 0px;
padding: 0;
}
y en la pagina que quiero colocar el header tengo esto
<html>
<head>
<link rel="STYLESHEET" type="text/css" href="ejemplo.css">
<body>
<div id="header">
</div>
</body>
</html>