Hallo.
Ich hänge jetzt seit knapp zwei Stunden an einem Problem mit dem IE7. Ich selbst benutze den FF3 und auf Opera habe ich auch schon getestet. Aber erstmal mehr zum Problem.
Ich habe auf meiner Website einen div angelegt mit fester höhe. In diesem div befindet sich ein Formular (quick search). Das Formular besteht nur aus zwei Wörtern, einem Eingabefeld und einer Grafik als Button. Ich versuche das Design mit css anzupassen. Alle elemente sollen vertikal vermittelt dargestellt werden in dem div. Für FF und Opera scheint das kein Problem zu sein. Der IE jedoch schiebt immer meinen Text und das Eingabefeld nach ganz unten in den div.
Hier erstmal der verwendete code:
Ich habe schon so viele Kommandos und Tags ausprobiert, dass ich schon garnicht mehr sagen kann ob alles was im css-Teil steht wirklich nötig ist. Entweder bin ich zu dumm/unerfahren oder ich habe mich einfach nur festgefahren. Auf jeden Fall finde ich alleine keine Lösung mehr^^
Wäre super wenn sich das mal jemand ansehen könnte. Bin für jeden Vorschlag zu haben. Wichtig ist nur, dass der umfassende container ein div bleibt mit float:left, height:42px und dem Hintergrundbild.
Ich hänge jetzt seit knapp zwei Stunden an einem Problem mit dem IE7. Ich selbst benutze den FF3 und auf Opera habe ich auch schon getestet. Aber erstmal mehr zum Problem.
Ich habe auf meiner Website einen div angelegt mit fester höhe. In diesem div befindet sich ein Formular (quick search). Das Formular besteht nur aus zwei Wörtern, einem Eingabefeld und einer Grafik als Button. Ich versuche das Design mit css anzupassen. Alle elemente sollen vertikal vermittelt dargestellt werden in dem div. Für FF und Opera scheint das kein Problem zu sein. Der IE jedoch schiebt immer meinen Text und das Eingabefeld nach ganz unten in den div.
Hier erstmal der verwendete code:
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" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta name="author" content="Marcel Havenith" />
<title>CSS Test</title>
<style type="text/css">
form {
margin: 0;
}
input.search {
width: 260px;
border: none;
background: #ffffff;
padding: 0px;
margin: 0px;
color: #000000;
}
input.button {
padding: 0px;
margin: 0px 4px 0px 4px;
background: url(qs-go.png) no-repeat;
width: 42px;
height: 42px;
border: 0px;
}
</style>
</head>
<body>
<div style="float:left;height:42px;background:url(qs-mid.png) repeat-x;">
<form method="get" action="searchresults.php">
<span>quick search: <input type="text" name="searchtext" class="search" value=" " /></span><input type="submit" value=" " class="button" />
</form>
</div>
</body>
</html>Wäre super wenn sich das mal jemand ansehen könnte. Bin für jeden Vorschlag zu haben. Wichtig ist nur, dass der umfassende container ein div bleibt mit float:left, height:42px und dem Hintergrundbild.
