473,322 Members | 1,620 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

fill my whole window using div

6
hello,
i want to make mt div to fill the whole window.. but by giving div height=100%, it dosn't work.. i've place my html code with this..

<!-- html code -->[html]
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div height</title>

<style type="text/css">
html body{
height:100%;
}
* html #backg {
height:100%
}

body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background-color:#fff;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
height:100%;
}


</style>
</head>

<body style="padding:0; margin:0; ">
<div id="front-back" style="position:absolute; top: 0px; left: 0px; z-index:11139; margin:0em; padding:0em; background-color:#000000; min-width:100%; height:100%; visibility:visible; overflow:auto;"></div>

<div style="position:relative; width:1004px; margin:0px auto; ">
<div style="position:absolute; top:1200px; left:300px; color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:16px">I want my div (id="front-back") overlap this div and fill this whole winodow</div>
</div>
</body>
</html>[/html]
Apr 6 '08 #1
3 2888
drhowarddrfine
7,435 Expert 4TB
You have the absolutely positioned element positioned 1200px from the top. That's why it's not overlapping.
Apr 6 '08 #2
soms2m
6
You have the absolutely positioned element positioned 1200px from the top. That's why it's not overlapping.
thank u for your reply..
actually i'm using ajax + mootools for this.. i've may pages one is fit to window and some one is like 1200px something tht, wht should i do for this.. i'm very new to this.. so help he.. give me some examples too.. thank u once again..
Apr 7 '08 #3
[html]
<div style="position:relative; width:1004px; margin:0px auto; ">
<div style="position:absolute; top:1200px; left:300px; color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:16px">I want my div (id="front-back") overlap this div and fill this whole winodow</div>
</div>
[/html]
Since you are using a absolute div having top 1200px, it must appear. after font-back div. Changing it's position property will work I think.

Else you can specify the top of font-back div more than that of div to be overlapped.

Thanks
Apr 9 '08 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

1
by: Tom | last post by:
Hi folks, I have a splitter window in a GUI that I built. I added a TextCtrl window to the right side of my splitter window. Because I don't want to add anything else to this side of the window...
4
by: David | last post by:
It's sad to say, but when using the AOL web site, like to send an email, they have a nifty capability such that when a window is resized, the textarea where the message is input expands not only...
1
by: Song Zhang | last post by:
I need to write asp/script/html code to fill the following function. 1. When a page appA.mycom.com/aa.html (aa.html code shown below) is visited from my site, a user can click the button "Launch",...
4
by: Barry Margolin | last post by:
Can I do the following with Javascript? My state has a web site that can be used for online filing for unemployment benefits. Every week I have to go to the site and fill in a form, checking...
0
by: Ian McCall | last post by:
Hello. How can I make an absolutely-positions div element expand and fill the remaining horizontal space available on-screen? The background is that I've used CSS to create the normal 'three...
6
by: William Sullivan | last post by:
I want to fill a cell in a table with a control. Lets say the control is a listbox--something that you'd think would easily fill a cell, which would be a good thing. So I create the table and...
8
by: cj | last post by:
I have a 2003 program that opens a foxpro table via odbc and loads in the data into a dataset. I copied the code into a 2005 program after a long wait it fails with the error ...
4
by: MichaelK | last post by:
Hello. I have all data already collected on the current page? I want to open another window with the form, fill the fields and submit that form. So basically the question is how can I fill all...
1
by: soms2m | last post by:
HELLO ALL, I want to fill the parent window height with respect to the sub window height which is loading using ajax (mootools). For example if the parent window height is normal and the loading...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.