* Jeg har skiftet fra XHTML og til HTML 4.01 Loose, hvilket er mere passende.
* Den yderste box har jeg centreret, både vandret og lodret.
* Søge-feltet har jeg placeret over den manglende nummerplade
* Jeg har skiftet PNG billedet ud med et gennemsigtigt GIF billede
* Jeg har flyttet søge-billede lidt ned, for at dække over kanten på søge-feltet
GIF billede:
http://peecee.dk/?id=61044Screenshots:
http://peecee.dk/?id=61048 - Mozilla FireFox v2.0.0.6
http://peecee.dk/?id=61049 - Internet Explorer v6 SP2
http://peecee.dk/?id=61050 - Opera v9.21
Koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>honda</title>
<style type="text/css">
html,body
{
margin:0px;
padding:0px;
height:100%;
}
body
{
background-color: #e1ddd9;
}
#outerbox
{
position:absolute;
left:50%;
top:50%;
margin-left:-415px;
margin-top:-167px;
width:830px;
height:333px;
background-color:#ffffff;
}
#car
{
float:right;
width:500px;
height:333px;
z-index:100;
background-image: url(civictyper_05.jpg);
}
#search
{
position:relative;
top:110px;
left:500px;
z-index:1;
}
#WhiteTextBox
{
border: 2px solid #568cdb;
font-family:"Trebuchet MS";
font-size: 19px;
position:absolute; margin-top: 10px;
}
form
{
margin:0px;
}
#button
{
padding-top:3px;
margin-left: 110px;
position: absolute;
}
</style>
</head>
<body>
<div id="outerbox">
<div id="search">
<form method="post" action="{url_search}">
<input type="text" name="search_keywords" size="15" id="WhiteTextBox">
<input type="image" src="search.gif" value="{lang_search}" id="button" name="submit">
</form>
</div>
<div id="car"> </div>
</div>
</body>
</html>
