I have a page with a content-div that scrolls and has a dynamic height.
I do this with position absolute, top and bottom. I can do this if the
other parts (divs) in the page over the scrolling part has the same
height-unit. To get the top value I add all the other heights together.
E.g. 2em + 1em + 3em = 6em.
Is it possible to accomplish this with parts having different
height-units (one is in %, another is in px and so on)? I know I can
fix this with a table.
Can I use bottom and right on a position-relative element?
The page: http://www.freewebs.com/hasodaki/ScrollingContent.html (there may be a
publicity banner on top) 2 9220 ha***********@s pray.se wrote:
I have a page with a content-div that scrolls and has a dynamic height.
I do this with position absolute, top and bottom. I can do this if the
other parts (divs) in the page over the scrolling part has the same
height-unit. To get the top value I add all the other heights together.
E.g. 2em + 1em + 3em = 6em.
Is it possible to accomplish this with parts having different
height-units (one is in %, another is in px and so on)? I know I can
fix this with a table.
How would you add px and em for instance, where px is absolute and em
depending on browser setting and/or text zoom level? Seems contradictory.
Why do you use/want/need absolute positioning?
>
Can I use bottom and right on a position-relative element?
I wouldn't know why not. You?
>
The page: http://www.freewebs.com/hasodaki/ScrollingContent.html (there may be a
publicity banner on top)
FWIW, I did not see a banner. Does this happen only occasionally? How
does that affect your pixel-perfect layouts?
HTH
Sh.
Schraalhans Keukenmeester skrev: ha***********@s pray.se wrote:
I have a page with a content-div that scrolls and has a dynamic height.
I do this with position absolute, top and bottom. I can do this if the
other parts (divs) in the page over the scrolling part has the same
height-unit. To get the top value I add all the other heights together.
E.g. 2em + 1em + 3em = 6em.
Is it possible to accomplish this with parts having different
height-units (one is in %, another is in px and so on)? I know I can
fix this with a table.
How would you add px and em for instance, where px is absolute and em
depending on browser setting and/or text zoom level? Seems contradictory.
Why do you use/want/need absolute positioning?
Do you have an answer or not? Do you know if it's possible? If so -
how?
Why or why not I want to mix px, % or em is not inportant!
Or have you not understood my question?
Can I use bottom and right on a position-relative element?
I wouldn't know why not. You?
Have a sample url. As I see it it doesn't work with position-relative.
The page: http://www.freewebs.com/hasodaki/ScrollingContent.html (there may be a
publicity banner on top)
FWIW, I did not see a banner. Does this happen only occasionally? How
does that affect your pixel-perfect layouts?
If you didn't see it it's good!
HTH
Sh.
This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Thomas |
last post by:
Hi there,
I have an iframe which is editable (designMode = "on") and want to
resize it dynamically as the content grows (e.g. more lines of text is
in there) and there the struggle starts.
I fill the iframe with content (<body> tag and so on and also insert a
<div> tag, inbetween is the content that should be modified).
Now if the event "overflow" or "underflow" is triggered the iframe
|
by: Secret Guy |
last post by:
Because of my experience posting various places over the last couple of
weeks: I'm expecting to be greated with hostility for asking about
concepts instead of "practical" things, since that has been my
experience for years and decades. Maybe I'm projecting hostility. I
don't know. How can I ask about theory and concepts without offending
people? I'll just continue asking and cross my fingers:
According to the 2.1 spec, regarding...
|
by: Serge Hartmann |
last post by:
hi there,
I created two different backgrounds for the same page to obtain a (fake)
left margin and a (true) right margin.
-> left background, defined in body section, aligned bottom and with
vertical repeat.
-> right background, defined in html section, aligned top and without repeat
it may look weird, but I don't think my problem is due to these margins.
|
by: Ryan Dahl |
last post by:
Hi,
I'm trying to make a HTML-template which consists of a non-scrolling
header and scrolling content.
I'm using this page: http://limpid.nl/lab/css/fixed/header as
inspiration.
However the trouble is that my pages (generated automatically via ASP)
have a header of variable height. Where in the example, it is quite
|
by: Martin Plotz |
last post by:
Dear Newsgroup,
I would like to have a page with a footer on the bottom of the page with
a fixed height. The upper part should have the remaining height. In
frames I could achieve this with "*" as height for the upper part - but
I would like to do the same with CSS.
In Firefox
<body style="height:100%">
<div id="main"
| |
by: reycri |
last post by:
I have a page that works as I intend in IE but not in Firefox:
<html>
<head>
<title>Overflow Test</title>
</head>
<body style='overflow:hidden; margin:0; padding:0;'>
<table border='0' cellpadding='0' cellspacing='0'
style='border-collapse:collapse; width:100%; height:100%;'>
<tr><td colspan='2' style='height:3em; border-bottom:1px solid
|
by: knkk |
last post by:
Hi,
I have an iframe that fetches content from a different domain. This is my URL, which has an iframe that fetches content from another site careerbuilder.co.in (this is a partnership channel, so they will co-operate if there are small things they need to do in their code, like putting something in the body tag or adding some script, though I would ideally like everything to be done in this page, and not in their pages).
...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
|
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...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
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...
| |
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...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
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
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
|
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...
| |