Url: http://bulevardi.be/gloom/guestbook.php
Works fine in FireFox and Safari, gives wrong layout in IE and Opera.
The two columns should appear left and right of each other. In IE and Opera they appear under each other.
PHP Code:
<body>
<div id="container2">
<div id="guestbookleft">
<?php
include ("guestbook_fill.php");
?>
</div>
<div id="guestbookright">
<?php
include ("guestbook_show.php");
?>
</div>
<div id="footer"> </div>
</div>
</body>
Css:
Code:
body {
background-color: transparent;
font-family: Arial; color: #CCCCCC; font-size: 3mm;
}
#container2 {
position: relative;
width: 798px; height: 472px;
margin: 10px auto;
text-align: center;
border: 1px solid #333333;
}
#guestbookleft {
float: left; display: inline; /* fixes the IE bug for margins */
width: 290px; height: 432px;
margin: 20px;
text-align:left;
}
#guestbookright {
float: left; display: inline;
width: 420px; height: 432px; overflow-y: auto; overflow-x: hidden;
margin: 20px;
text-align:left;
}
#footer {
clear: both;
}
What am I doing wrong ?
Bookmarks