473,769 Members | 2,170 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

clip a layer to the bottom of the viewport

Hi,

Is it possible to clip a layer (height 5px, width: 780px) to the bottom
of the viewport using CSS?

regards,

Roderik
--
http://www.archytas.nl/
webdesign, internet applicaties, internetgestuur de elektronica
Jul 20 '05 #1
3 2095
On Wed, 01 Sep 2004 01:54:18 +0200, Roderik <ma**@roderik.n et> wrote:
Hi,

Is it possible to clip a layer (height 5px, width: 780px) to the bottom
of the viewport using CSS?

regards,

Roderik

In theory, yes. Practically, IE does not support the CSS needed to do the
job. Also, 5px? What the hell can be relevant with 5px of height? That's
TEENY.
Jul 20 '05 #2
Neal wrote:
In theory, yes. Practically, IE does not support the CSS needed to do
the job. Also, 5px? What the hell can be relevant with 5px of height?
That's TEENY.


Just to detail this: check out "position:fixed ".
Jul 20 '05 #3
Roderik wrote:
Hi,

Is it possible to clip a layer (height 5px, width: 780px) to the
bottom of the viewport using CSS?

regards,

Roderik


Like http://www.nrkn.com/bottomNav/ ?

Try it with Opera or Mozilla, won't work with IE as it doesn't support
position:fixed. You might be able to find a position:fixed workaround or
hack for IE, I haven't had the time to look properly; if you do, please let
me know, I will watch this thread.

Thanks!
Jul 20 '05 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

82
10717
by: Peter Diedrich | last post by:
The site design is pretty simple: ============================================ | Head | ============================================ | | | | | | | | | left | center | right | | | | | | | | |
4
2658
by: Christopher | last post by:
This should be a quick one. URL: http://cfa-www.harvard.edu/~cpilman/Stuff/flush.html Code: ============================= <!DOCTYPE HTML Public "-//W3C//DTD HTML 4.01//EN"> <HTML><Head><Title>Get my feet off the ground</Title> <Meta HTTP-Equiv="Content-Type" Content="text/html; charset=us-ascii"> <Style type="text/css"> Body { font-size: 60px; }
2
6442
by: Alex NSB | last post by:
Hi all. Consider the following page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML><HEAD><TITLE>Test</TITLE> <STYLE TYPE="text/css"> <!-- #mylayerDiv {position:absolute;left:50px;top:50px;clip:rect(0px, 50px, 50px,
5
14395
by: Tyler Carver | last post by:
I've tried to get CSS to give me a basic layout where I can place a footer at the bottom of the page and the top of the page I can use for content. I don't however want the footer to pull away from the bottom of the viewport if the top content is small. Also, when I resize the window I want the footer to move with the bottom of the page until I reach the content. Here is an example that works both in IE and Mozilla using tables. I...
2
1632
by: Philipp Lenssen | last post by:
I would like to position something at the bottom of the window (CSS media screen), which is easy using "bottom: 10px" or similar -- however, this <div> should stop moving at say 500 pixel because else it would overlay the content. Must work in at least NS7 and IE5.5/6 and Opera 7. Is this possible, preferably using CSS? Or do I need to table-hack my way around this (what would be the best solution then)? Thanks!
4
29389
by: john | last post by:
Hi to All, I am new to html authoring, so sorry if my terminology is not correct or exact. I would like to position a footer div to the bottom of the browser window. As I research in the web shows this could be done a containing element with "min-height: 100%;" and an absolute positioned element (div) inside, aligned to bottom ("position: absolute; bottom:0px")
5
5976
cameokid
by: cameokid | last post by:
Can someone help me out with this. Here is what i am trying to do. I have an image of size 310x310. Initially i am displaying only 50x50 using clip property. Later using setTimeout property i am trying to get the entire image so that it looks like animation. But this doesn't happen with the code below <html> <head> <style type="text/css"> .img1 { position:absolute;
5
4624
by: Dave Rado | last post by:
Hi When the height of the content of a webpage is less than the height of the viewport, I would like to force the footer to the bottom of the viewport; whereas when the height of the content of the webpage exceeds the height of the viewport, then I would like the footer to be at the bottom of the webpage (so not visible until you scroll down to it). I tried using the method described at http://tinyurl.com/2upa7l but it
29
4096
by: Chris Riesbeck | last post by:
I have an image with a class and the class defines a clip rectangle. In Firefox 2 and 3, and Opera 9, I can access the rectangle with document.defaultView.getComputedStyle(). But that doesn't seem to work in Safari for Windows 3, nor when I use image.currentStyle.clip in IE 7. Is there a way to do this in those browsers? Am I doing something stupid?
0
9579
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10035
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
9850
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8862
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5293
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5436
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3948
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3551
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2810
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.