Header need help

aiva286 · 12-15-2012, 09:23 PM

Hello, why header isn't in full width if browser is not in full size ? please some one help. Thanks.

PHP Code:


			
body {

    margin:0px;

}

.header {

    background: url(images/header.png) repeat-x #fff;

    min-width:100% !important;

    height:268px;

    }

.logo {

    height:60px;

    width:140px;

}

PHP Code:


			
<html>

<head>

<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>

</head>

<body>

<div class="header">

<div class='tekstas'>Sveiki atvike i <a href='index.php'>androidos.lt</a> puslapi</div>

<div class='logo'><img src='images/logo.png' alt='Logo'></img></div>

</div>

</body>

</html>

tempz · 12-15-2012, 11:28 PM

Is your website live? may I have a link

Excavator · 12-15-2012, 11:40 PM

Hello aiva286,
You don't say what browser you're seeing this issue in. You also don't have a DocType in the snippet you've posted...

See the links about DocTypes and Validation in my signature line below. They can all help you.

A 100% min-width is kind of pointless. Maybe just setting the width makes more sense?

Look at it this way -

Code:

<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
	margin: 0;
	background: #fc6;
}
.header {
	height: 268px;
	width: 100% ;
	background: url(images/header.png) repeat-x #fff;
}
.logo {
	height: 60px;
	width: 140px;
}
</style>
</head>
<body>
    <div class="header">
        <div class='tekstas'>Sveiki atvike i <a href='index.php'>androidos.lt</a> puslapi</div>
        <img src='images/logo.png' alt='Logo' class="logo" />
    </div>
</body>
</html>