No replies
santigwar's picture
Last seen: 10 years 47 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


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html xmlns="" xml:lang="en" lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<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; }
<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">
            	<td width="250px">container 1</td>
                <td width="250px">container 2</td>
    <div class="clear"></div>