Tweet
hallo!
ich baue grade ein design für einen chat. das design sollte möglichst flexibel in der anpassung an verschiedene fenster sein außerdem muss es xhtml sein.
nach einigen versuchen bin ich zu einer kombination aus float und absoluter positionierung gekommen die aber leider nur im firefox funktioniert.
hier der html-code:
und das eingebundene css:
hier noch mal zum anschauen: http://christian.quirm.de/chat/chat.php
mein problem: firefox zeigt den absolut positionierten div mit dem eingabefeld an - der ie nicht
kann mir vielleicht jemand helfen??
ich baue grade ein design für einen chat. das design sollte möglichst flexibel in der anpassung an verschiedene fenster sein außerdem muss es xhtml sein.
nach einigen versuchen bin ich zu einer kombination aus float und absoluter positionierung gekommen die aber leider nur im firefox funktioniert.
hier der html-code:
PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Chat</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="chat_output">
<h1>Chat</h1>
<h2>Willkommen im Chat!</h2>
</div>
<div id="chat_map">
<h2>Chatliste</h2></div>
<div id="chat_input">
Eingabefeld
</div>
</body>
</html>
Code:
/*++++ Body ++++*/
body {
margin: 0;
padding: 0;
}
/*++++ Design ++++*/
#chat_output {
float: left;
width: 84.9%;
height: 100px;
background: #FFFFFF;
text-align: left;
}
#chat_map {
float: left;
width: 15%;
height: 100px;
background: #FFFFFF;
text-align: right;
}
#chat_input {
position: absolute;
bottom: 0px;
width: 100%;
background: #AAAAAA;
height: 28px;
}
mein problem: firefox zeigt den absolut positionierten div mit dem eingabefeld an - der ie nicht
kann mir vielleicht jemand helfen??
Formulargenerator
Herkunftsstatistik
Kommentar