No replies
santigwar
santigwar's picture
Offline
newbie
Last seen: 10 years 22 weeks ago
Timezone: GMT+8
Joined: 2010-06-25
Posts: 2
Points: 3

some help please.

i want to align the containers (1 and 2) to the right in Firefox (a-ok in IE) and seems its too complicated, please see rules below.

- the blue container should not overlap the red container when the browser is resized to small window in firefox and ie
- blue container should not go down when the browser is resized to small window in firefox and ie
- please be aware that im using the HTML 4.0 doctype and cant be changed Sad
- the red container should not resized.
- the blue container should not resize

appreciate much the inputs

thanks

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<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" />
<title>Untitled Document</title>
</head>
 
<style type="text/css">
 
.header { width:100%; height:90px; background-color:#999999; }
 
.logo { float:left; width:260px; height:90px; background:#FF3300; }
 
.right { height:90px; background:#999966; position: absolute; left:260px; }
 
.clear { clear:both; }
 
</style>
 
<body>
 
<div class="header">
	<div class="logo">Lorem ipsum dolor sit amet, consectetur adipiscing elit</div>
	<div class="right">
 
 
    	<table style="width:500px;" height="50px" bgcolor="#003399" align="right">
        	<tr>
 
            	<td width="250px">container 1</td>
                <td width="250px">container 2</td>
            </tr>
        </table>
 
 
 
    </div>
    <div class="clear"></div>
 
 
 
</div>
 
</body>
</html>