473,750 Members | 2,190 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Make the CSS Right property work with absolute elements in IE

Hi,
I want to be able to define the right property of my absolute positionned
elements... for example if a button is 50px left and 150px right, it will
resize when the page is resized.
This is working fine in Mozilla but it isn't working in Internet Explorer
:( Is this a known bug ? do you have any suggestion without using tables or
OnResize event ?

Best regards,

John.
Jul 20 '05 #1
28 7085
Els
jonjon wrote:
Hi,
I want to be able to define the right property of my absolute positionned
elements... for example if a button is 50px left and 150px right, it will
resize when the page is resized.
This is working fine in Mozilla but it isn't working in Internet Explorer
:( Is this a known bug ? do you have any suggestion without using tables or
OnResize event ?


Maybe without absolute positioning (with a url it would be
easier to guess what might work):

margin-left:50px;
margin-right:150px;
width:auto;

--
Els

Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Jul 20 '05 #2
> Maybe without absolute positioning (with a url it would be
easier to guess what might work):

margin-left:50px;
margin-right:150px;
width:auto;


Thank you for your fast answer, unfortunatly I really need absolute
positionning.
Here is a link to test the behavior in Internet Explorer and Mozilla... the
red DIV should resize with the page:
http://modularity.free.fr/test/testright.htm
Thank you,

John.
Jul 20 '05 #3
On Mon, 5 Apr 2004, jonjon wrote:
unfortunatly I really need absolute positionning.

^^^^^^^^^^^

Then, as a WWW page, your design is doomed.

Hint: the presentation, no matter how desirable, is optional: that
comes with the territory.
Jul 20 '05 #4
> > unfortunatly I really need absolute positionning.
^^^^^^^^^^^

Then, as a WWW page, your design is doomed.

Hint: the presentation, no matter how desirable, is optional: that
comes with the territory.


Well I can understand your point of view, however I'm developping a software
to ease the process of creating web pages (
http://www.dynamicarchitect.com ) and the whole concept is about absolute
positionning. That's why I'd be glad if somebody had a solution of a good
alternative to the right property for Internet Explorer.
Thank you for your help.

Best regards,

John.
Jul 20 '05 #5
"jonjon" <no**@for.now > wrote:
Well I can understand your point of view, however I'm developping a software
to ease the process of creating web pages (
http://www.dynamicarchitect.com ) and the whole concept is about absolute
positionning .


The clueless teaching the even more clueless, sheesh.

--
Spartanicus
Jul 20 '05 #6
Els
jonjon wrote:
Maybe without absolute positioning (with a url it would be
easier to guess what might work):

margin-left:50px;
margin-right:150px;
width:auto;
Thank you for your fast answer, unfortunatly I really need absolute
positionning.


Unfortunately indeed. :-)
Here is a link to test the behavior in Internet Explorer and Mozilla... the
red DIV should resize with the page:
http://modularity.free.fr/test/testright.htm


It does in NS7.1.
Doesn't show in IE, cause you didn't set a specific height
on the div and the body.
But I changed some things, and it almost looks like your
example, but without absolute positioning.
http://locusmeus.com/test/testright.html
The left and right side aren't a problem, the bottom is.
The div needs a height, and the vertical margins seem to be
added to that height.
Different approach, same problem with total height of page:
http://locusmeus.com/test/testrightdifferent.html

Could you explain why it has to absolute positioned?
(not that it helps, I'm just curious)
--
Els

Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Jul 20 '05 #7
On Mon, 5 Apr 2004, jonjon wrote:
http://www.dynamicarchitect.com


I'm sure it's very pretty when the presentation situation meets your
expectations, but here's an extract which indicates what the WAI gets
to hear (or an indexing robot gets to index, for that matter):

Products | Software | Developer Section

[separ8x8.gif]

[datitle-green.gif] [separ8x8.gif]

[da-pres5.gif]

[separ8x8.gif]

[dashot1-small.gif]
Click to enlarge

Key features...
[puce1.gif] Generate Dynamic HTML
[puce1.gif] Cross Browser compatible
[puce1.gif] WYSIWYG Editor
[puce1.gif] Pixel perfect web pages
A comment on those "key features":

WWW pages don't really work like that, no matter how hard you might
wish it. "What you see" is not what others get (it's just one
possible rendering), and IBM HPR, or JAWS, to take just two examples,
will make a nonsense of your "pixel perfection". Your concept of
"Cross Browser compatible" is somewhat limited - I'm not even sure
that the proffered page (which in fact seems to be
http://www.ibe-software.com/products...amicarchitect/ ) is
even cross compatible with -one- browser, across the browser's full
range of likely user preference settings.

Since this is the stylesheets group, I would have to recommend, as a
first priority, that you cut right back on embedding images of text,
and use a stylesheet instead. Or if you're -so- determined to get DTP
instead of a WWW page, then use PDF format instead of mis-applying WWW
techniques. At least if you do PDF properly, then text can be
extracted from it.

good luck.
Jul 20 '05 #8
Quoth the raven named jonjon:
Well I can understand your point of view, however I'm developping a
software to ease the process of creating web pages (
http://www.dynamicarchitect.com ) ...


That page (and in fact the whole site) is really cute with the nice
hot pink background!

(Oh wait, pink is /my/ default background color. You haven't specified
any. Hint: wherever you specify a color, you include a background color.)

It redirects to:
http://www.ibe-software.com/products...amicarchitect/

--
-bts
-This space intentionally left blank.
Jul 20 '05 #9
> The clueless teaching the even more clueless, sheesh.

First our goal is not to "teach" as you say, then where is the hint for the
problem I first exposed from the knowloadgeable person you seem to be ?
Jul 20 '05 #10

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

Similar topics

1
4329
by: ajay | last post by:
I have following code for a slide menu but i twiked it to work for a single level menu. Open it in a Browser to get a clear picture. I have 2 Qs 1) How to make first entry as non-link. i.e i want to make first text as Table Heading/menu category. For examle in the given menu i want to make a heading as "Comp. Languages" which won't be a link. 2) The position of this menu is absolute to the page. I want to make it absolute to the Table...
13
2389
by: Headless | last post by:
A right aligned float next to a paragraph needs to be placed before the paragraph in the source, this causes the content order to be opposite in the visual and aural domain. Anyone know of a solution to that problem? Headless --
2
5704
by: sylvian stone | last post by:
Hi, I'm trying to do something that has always been easy with tables - namely use a three column layout, and above the main layout, show three images - one on the absolute left, one on the absolute right, and one in the middle. The one in the middle needs to be centered, as various browsers display slightly differently. However, using the CSS and code below, either the first image is not shown (IE) or the right image is shown below...
15
1742
by: Pasta Bolognese | last post by:
Open VS.2003. Click on a control on an aspx page in the HTML view. Does it tell me the pixel position on the page? Nooooooooooo.................
3
3683
by: Rennie deGraaf | last post by:
I'm working on this page (http://pages.cpsc.ucalgary.ca/~degraaf/test/test.html). In the central (green-bordered) area, I want a bunch of (red-bordered) blocks each containing a thumbnail image and some text. The blocks must be of fixed, equal size. (Obviously, I'll have to limit the amount of text to fit this size.) The text must be positioned below the image. Within the central area, I want these blocks to flow like text; ie, for...
7
3242
by: Alex | last post by:
Hi Everone, I need some advice on how to setup 4 columns where the outside two are absolute (120px) and the inner two (side by side) are relevent (Fluid) and change with the screen. Here's my rough layout:
10
9207
by: Luke | last post by:
Hi. I am trying to make correct layout, here is an example of (dynamically generated content via jsp): http://localhost/www/layout.htm Most outer div is positioned absolute (if not then it will not grow when content inside div.body is greater than width of window of user agent), anyway anyone knowlegable can see it in sources...
6
4896
by: scottyman | last post by:
I can't make this script work properly. I've gone as far as I can with it and the rest is out of my ability. I can do some html editing but I'm lost in the Java world. The script at the bottom of the html page controls the form fields that are required. It doesn't function like it's supposed to and I can leave all the fields blank and it still submits the form. Also I can't get it to transfer the file in the upload section. The file name...
7
2700
by: Steven Bethard | last post by:
I've updated PEP 359 with a bunch of the recent suggestions. The patch is available at: http://bugs.python.org/1472459 and I've pasted the full text below. I've tried to be more explicit about the goals -- the make statement is mostly syntactic sugar for:: class <name> <tuple>: __metaclass__ = <callable>
0
8999
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
8836
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,...
0
9575
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8260
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
6080
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4712
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...
1
3322
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
2798
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2223
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.