HTML - Div Layers: Ongoing Height Of Div Layer To End Of Page?

the page is displayed well in IE6, IE7, firfox 3, but not in firefox 2
no matter wht is the height of the page it only shows part of it (about 800px height)
how can i solve that????? (i'm working locally)

thnx in advance :hat:

Hi im aware how to fit the width of a page so it fills the browser window but im curious on how to set the height of the page?

the width works perfectly and just the height im stuck with

hello Every can any one tellme How can i make a webpage open in Fixed height and Width which is to be opened by a Hyperlink

Example : like when you click On MORE link From The Smilies in this Forum it open a Small Window Resizeble Window

The layout of this page I'm making requires a centered table, 800 pixels wide and 100% high. I am having huge problems making it fill the entire height of the page though, it just stops rather than going right to the bottom of the page.

It's a 4.01 transistional compliant page if that's relevant. Here's a link to the page.

Here's a link to the page (apologies for the file size)
link to page

I want the dark green center section, and the two side cells with tiled graphics to extend right down to the bottom of the page, regardless of height. The center table with the graphics can stay where it is or vertically center, I don't mind about that. I also need it to have no vertical scrollbar when it's viewed fullscreen. If I remove the doctype, it works fine, but I'm wondering if there's a way to have it vaild for that doctype and still look ok?

I've tried everything I can think of and am not turning up anything useful with web searches, if anyone can tell me where I've gone wrong and if this is possible to fix in html, I'd really appreciate it. I can't use CSS, and the doctype has to be as it is, because that's what the specs say (it's for an html class).

Thanks for any help.

hello all..

i am pretty new to web creation, so this question might be pretty studpid..

Anyhow, I am using layers in my website. But everytime i view it on a browser (safari, firefox, ie) they are all over the place... Sometimes its just a small displacement or something.. but the layers just dont stay where i specify them in dreamweaver.

I was wondering if anyone would be able to help me fix this problem? or if there is workaround to this..

thanks

Theoretically, a webpage is made up of layers, of which some things can go on top - or bottom - of others. Does anyone here know if it is possible to change the position of them?

Thanks

Hi Everyone,

I'm slightly confused by this one. But i'm sure theres a hack out there to fix it.

Basically, in firefox and konqueror, running on kubuntu, the top navigation bar at http://www.tendervendors.com/dev/payroll.html displays correctly, and when you hover over it, it fills the li with a semi-opaque background.

This is correct.

Its done, by filling the a element, with a background-color and then applying opaque: 0.5;

The a element also has padding, which makes it fill out to the size of the li element, so the a element fills its portion of the ul, and looks like the li has the affect applied to it.

However, in opera, the right and left padding is correct, but the height padding doesn't work.

Does anyone know of a bug in opera that would be causing this problem, and possibly a code fix for it?

TIA

Matthew Millar

Hi all,

I have a problem with two layers i want to place on top of an iframe in at table.

The website:
http://kvc.dk/CTC7/2.htm

As you can see its positioned below the iframe.

I know it can be done because i have done on this:

http://kvc.dk/CTC7/index.htm

The problem is that its not working in firefox.

Hope you can help.

Thanks

Hi,

if you take a look at the following page:

http://www.vub.ac.be/ARCH/reis.php

you will see that - in IE - the footer overlaps with the content layer.
in FF everything is ok

any ideas?

thanks

http://www.zouklambada.com/eventsNew.asp

This is the page I'm working on. Basically i need it to work in the following way.

When you click on all the images at the moment, it is working fine (sort of)- each time you click, a layer comes up over the three small ones - BUT i need the small images to stay in position and these big images to go ontop (ie. you dont see the small images in that same row - they should not jump to the bottom. There will be more rows. When a big image is displayed in first row, the second row must slip underneath.

Hope this makes sense!
Please help!

I have this Web page I'm working on and I'm not sure on how to get the overlayed images to line up 'automatically'. Here is the code I have:
<div id="main-copy">
<h3>NorthEast Regional Radar</h3>

<div id="topo" style="Z-INDEX: 1; LEFT: 0px; POSITION: relative; TOP: 0px" >

<img src="http://www.srh.noaa.gov/ridge/Overlays/Topo/Short/box_Topo_Short.jpg" border="2" alt="Topo Base" ></img>
</div>
<div id="radar" style="Z-INDEX: 2; LEFT: 0px; POSITION: relative; TOP: -555px">
<img src="http://www.srh.noaa.gov/ridge/RadarImg/N0R/box_N0R_0.gif" border="2" alt="Radar Image"></img>
</div>
<div id="county" style="Z-INDEX: 3; LEFT: 0px; POSITION: relative; TOP:-1113px">
<img src="http://www.srh.noaa.gov/ridge/Overlays/County/Short/box_County_Short.gif" border="2" alt="State Borders" ></img>
</div>
<div id="legend" style="Z-INDEX: 4; LEFT: 0px; POSITION: relative; TOP: -1668px">

<img src="http://www.srh.noaa.gov/ridge/Legend/N0R/OKX_N0R_Legend_0.gif" border="2" alt="Legend Overlay"></img>
</div>
</div>

You can see I've attempted to get these to line up by specifying a "-" TOP offset. Doesn't work in all cases. How do I fix this the proper way ?? Thanks.

Hi everyone,
I was wondering if it's possible to stack images on top of each other in html so that the position of the images stacked on top are relative to the bottom image, instead of being relative to the screen edges (eg, 100 pixels above bottom of screen, 200 pixels left, etc)? I want to create a simple image menu like this:



Where I have one large image on the bottom, and three image-links on top of it, aligned so that they're always in the same spot relative to the base image no matter what the computer screen resolution is. If I make them relative to the screen edges then computers with different resolutions would display the images out of order.

I'm pretty new to html, using Adobe Dreamweaver CS5.5 at the moment. This is what I have so far:

Code:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<LINK href="style.css" rel="stylesheet" type="text/css">
<title>Main Playlist</title>
</head>


<body>

<!-- Layering priority low -->

<DIV STYLE="{z-index:1;}">
<p><img src="pictures/baseimage.png" alt="baseimage" align="middle"/></p>
</DIV>

<!-- Layering priority high -->
<DIV STYLE="{z-index:2;}">
<p><img src="pictures/button1.png" alt="button1" align="middle"/></p>
</DIV>

<DIV STYLE="{z-index:2;}">
<p><img src="pictures/button2.png" alt="button2" align="middle"/></p>
</DIV>

<DIV STYLE="{z-index:3;}">
<p><img src="pictures/button3.png" alt="button3" align="middle"/></p>
</DIV>

</body>
</html>

Quite obviously it's not right as I have no idea how to set the buttons so they are "X pixels from the top/bottom/left/right of the base image".

Thanks!

Hi,
I have a cell within a table and into that I would like to place 4 x layers, all on top of each other. Adjacent to this I have 4 rows in a table, each with an image - the aim is to use OnMouseOver to hide / unhide the layers depending on which of the 4 smaller images are hovered over...

The problem I have is that my website uses tables (width 950px) that are centred on the screen - and with resizing the screen in different browsers, the layers go out of alignment.

Is there an easy way to ensure the layers always stay within the table cell?

I'm using Dreamweaver MX2004.

Thank you in advance for your very kind help.

Matt

Hello, I have an image that I want to make "float" above a small green bar, so that it sticks out above it. I have been able to achieve the effect with the <layer> tag, but the problem is that it only displays correctly in Firefox and not in IE. Also, I want to avoid the layer tag since it is not universally supported.

Here is an example with the layers: http://dqnmusic.googlepages.com/indexenlayer.html

Here is what it looks like when I try to avoid layers:
http://dqnmusic.googlepages.com/indexen.html

Is there away around the layer tag that can still achieve the effect I want?

I own a website at, www.Catwiskers.co.nr
If you look, there are two characters on both sides of the main page.
In order to position them there, I used a div position:absolute; script.
Also if you notice, there is movement behind them.
That's a flash movie I made, but then the movie disappears.
But I also used div position:absolute; to place that there as well.
How do I get the flash movie to be ONTOP of everything else on the page?
Is there some sort of alpha:true or something?