I have a relatively-positioned table, and an absolutely-positioned div in a
table cell within that table:
http://jsbin.com/erasur
In Firefox 4 and 5, the div is positioned relative to the document. In Chrome,
and IE 7 (and - maybe - later) it's positioned relative to the table. Which is
On Jul 14, 2011, at 5:52 PM, Bobby Jack wrote:
I have a relatively-positioned table, and an absolutely-positioned div in a
table cell within that table:
http://jsbin.com/erasur
In Firefox 4 and 5, the div is positioned relative to the document. In
Chrome, and IE 7 (and - maybe -
Greetings,
I'm setting up numerous web pages with a jquery photo gallery that
needs AP for its main images. Is it okay to set up every container on
the page with AP or are there potential problems with doing so? The
pages look okay on various browsers and no errors on W3C validator,
but I
Anne McKinsey wrote:
Greetings,
I'm setting up numerous web pages with a jquery photo gallery that
needs AP for its main images. Is it okay to set up every container on
the page with AP or are there potential problems with doing so? The
pages look okay on various browsers and no
On Thu, Aug 12, 2010 at 10:58 AM, Bill Braun bbr...@hlthsys.com wrote:
Anne McKinsey wrote:
Greetings,
I'm setting up numerous web pages with a jquery photo gallery that
needs AP for its main images. Is it okay to set up every container on
the page with AP or are there potential problems
On Thu, Aug 12, 2010 at 11:47 AM, Tom Livingston tom...@gmail.com wrote:
On Thu, Aug 12, 2010 at 10:58 AM, Bill Braun bbr...@hlthsys.com wrote:
Anne McKinsey wrote:
Greetings,
I'm setting up numerous web pages with a jquery photo gallery that
needs AP for its main images. Is it okay to set
I'm being driving nuts by absolute positioning rendering between IE and FF. I
just want to confirm what I think is correct about absolute positioning. My
understanding is that an absolutely position element positions itself relative
to its parent container. If the parent has not positioning,
Good afternoon Angela,
It was foretold that
on 30/07/2010 @ 12:25:52 GMT-0700 (which was 16:25:52 where I live)
Angela French would write:
snipped a bit
I'm being driving nuts by absolute positioning rendering between IE
and FF. I just want to confirm what I think is correct about
Angela French wrote:
I'm being driving nuts by absolute positioning rendering between IE and FF.
I just want to confirm what I think is correct about absolute positioning.
My understanding is that an absolutely position element positions itself
relative to its parent container. If the
On Fri, Jul 30, 2010 at 12:25 PM, Angela French afre...@sbctc.edu wrote:
I'm being driving nuts by absolute positioning rendering between IE and FF.
I just want to confirm what I think is correct about absolute positioning.
My understanding is that an absolutely position element positions
On Fri, Jul 30, 2010 at 12:25 PM, Angela French afre...@sbctc.edu wrote:
I'm being driving nuts by absolute positioning rendering between IE and FF.
While the others have given you accurate information about how AP
works, I should suggest that for laying out major elements of the page
you stick
-Original Message-
From: Ed Seedhouse [mailto:eseedho...@gmail.com]
Sent: Friday, July 30, 2010 1:31 PM
To: Angela French
Cc: css-d
Subject: Re: [css-d] absolute positioning
On Fri, Jul 30, 2010 at 12:25 PM, Angela French afre...@sbctc.edu wrote:
I'm being driving nuts by absolute
To add to what others have said, another issue related to this may be the
z-index bug, which can affect the layering of positioned elements in IE7 and
lower. Google z-index bug.
Rick Gordon
--
On 7/30/10 at 12:25 PM -0700, Angela French wrote in a message entitled
[css-d
Hi.
Just some new reflections on some past tests:
http://onwebdev.blogspot.com/2010/07/absolute-positioning-and-css-tables.html
HTH.
Gabriele Romanato
http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/ (English)
http://www.css-zibaldone.com/articles/ (English)
In this page:
http://www.redkitecreative.com/projects/hbs/index.html
My two elements at the top right, #tagline and #header-call-text, are
very out of place in IE6. I've tried placing them in containing divs
with a height assigned, changing position to relative, no luck.
The logo was having
Debbie Campbell wrote:
In this page:
http://www.redkitecreative.com/projects/hbs/index.html
My two elements at the top right, #tagline and #header-call-text, are
very out of place in IE6. I've tried placing them in containing divs
with a height assigned, changing position to
Hi David,
That was very close; I had to add just a few more lines to it:
#logo {
float: left;
margin-top: -10px;
padding-left: 15px;
height: 133px;
width: 278px;
}
#tagline {
float: right;
padding: 45px 18px 0 0;
width: 408px;
Hello Folks.
[Slightly off topic background info]
I've been working on a system so that I can overlay notes onto my
photos. A basic run down is that a user will click the top left and
bottom right of an area within an image then it'll shoot off and save
the x,y of the clicked area. Now,
--- On Wed, 6/17/09, Scott Wilcox sc...@tig.gr wrote:
I get the position of the containing element (called
'photoContainer') and add that to the x,y points to give me
my final absolute position. My problem seems to come in when
I'm setting the values for the absolutely positioned
elements.
We decided to go the easier route and not worry about the absolute positioning
- thanks for your comment.
Thanks.
Ruth
From: mx.css...@googlemail.com [mailto:mx.css...@googlemail.com]
Sent: Wednesday, April 29, 2009 5:55 PM
To: Wishengrad, Ruth; css-d@lists.css-discuss.org
Subject: Re: [css-d
Hi All,
I am trying to find out if I can place javascript buttons on top of an iframe.
The iframe contains photos and text and the buttons are for previous/next. I've
noticed so far that the absolute positioning is very different in all browsers
(I started in FF3, but it's way off in IE and
Could you give us an example?
I'm guessing something like:
div id=wrapper
div id=prne
a href=#prevPrevious/a
a href=#nextNext/a
/div
div id=ifra
iframe src=photo.html/iframe
/div
/div
Would be something I'd do... maybe!
Ta,
~Mx
Hi,
I have done HTML/CSS of a design here: http://demo.awayback.com/ashton .
Everything is fine in firefox, safari, opera but IE 6,7 are not letting things
my way. The top sub navigation and search div are not displayed in IEs.
Please help asap.
Regards,
Amrinder
2009/2/2 Amrinder amrinder.san...@hotmail.com
Hi,
I have done HTML/CSS of a design here: http://demo.awayback.com/ashton .
Everything is fine in firefox, safari, opera but IE 6,7 are not letting
things my way. The top sub navigation and search div are not displayed in
IEs.
Please help
Hello,
the following page is a temporary copy depciting my problem:
http://www.digitale-bibliothek.de/downloads/test/index.htm
http://www.digitale-bibliothek.de/downloads/test/chooks.css
The missing mages do not matter. The HTML validates except for an
undefined attribute, the CSS validates in
Christian Kirchhoff wrote:
http://www.digitale-bibliothek.de/downloads/test/index.htm
My problem: there is a p.hint that is absolutely positioned. the
parent container (div#pub) also contains a label (containing a
checkbox and text) that is floated left.
Part of the problem: If I define
Patrik Jansson wrote:
I've been working on a site, which has several small image
galleries of
different buildings. Bigger image shows when thumbnail is
hovered over.
[...]
In IE, however, the top of the bigger image is a bit lower than the
thumbnails and when there are thumbnails in three
On 16.11.2008 13:27, Bruno Fassino wrote:
Patrik Jansson wrote:
In IE, however, the top of the bigger image is a bit lower than the
thumbnails and when there are thumbnails in three or more rows, the
bigger image drops even more down, approximately the height of one
thumbnail. So it looks
Patrik Jansson wrote:
Thanks! Yes, your fix solved it (at least in IE7), I hadn't heard of
the zoom-attribute before.. Could someone check e.g.
http://www.mondiara.com/x_hemvik.php?lang=en on IE6 and tell if the
the big images are aligned with the top of the thumbnails like in FF,
Safari and
On 16.11.2008 15:24, Bruno Fassino wrote:
Patrik Jansson wrote:
Thanks! Yes, your fix solved it (at least in IE7), I hadn't heard of
the zoom-attribute before.. Could someone check e.g.
http://www.mondiara.com/x_hemvik.php?lang=en on IE6 and tell if the
the big images are aligned with the
Patrik Jansson wrote:
[...]
For example here there are two rows of thumbnails and IE shows the
bigger image 1.5em or so below the line it should be in:
http://www.mondiara.com/x_tlehto.php?lang=en
[...]
regards,
--patrik
Bruno has covered the haslayout issues with IE6 and IE7. IE8b2 shows
On 16.11.2008 16:09, Patrik Jansson wrote:
On 16.11.2008 15:24, Bruno Fassino wrote:
I think they are aligned as desired, but in IE6 your hover is not working.
You have used a child selector (like in '.gallery a:hover img.big') which
IE6 doesn't support. I believe you can get rid of it (just
On Sun, 16 Nov 2008 21:31:54 +0100, Patrik Jansson wrote:
On 16.11.2008 15:24, Bruno Fassino wrote:
I think they are aligned as desired, but in IE6 your hover is not working.
You have
used a child selector (like in '.gallery a:hover img.big') which IE6
doesn't
support. I believe you can
On Sun, 16 Nov 2008 21:31:54 +0100, Patrik Jansson wrote:
Hmm.. it seems I was a bit too hasty with saying it
works... I installed IE6 now and
saw that the hovers don't work. What could be the problem? You say
that it should have hover on the simple 'a' as well, but
doesn't it already have
(I don't know if this posted at all yesterday... if did, sorry for
double posting)
Hi,
I've been working on a site, which has several small image galleries of
different buildings. Bigger image shows when thumbnail is hovered over.
In FF and Safari the bigger images show nicely on the right
Hi,
I'm wondering if someone could point out where in the spec the following
behaviour is defined. If I use absolute positioning to position an
element off the left-hand side of the screen, I don't get any scroll bars:
body
div style=position:absolute;left:-100em;border:1px solid
Chris Hardie wrote:
Hi,
I'm wondering if someone could point out where in the spec the following
behaviour is defined. If I use absolute positioning to position an
element off the left-hand side of the screen, I don't get any scroll bars:
body
div
And I presume because when the left attribute is assigned a negative
value, the calculation of the canvas's width is not increased, so scroll
bars are not added?
Though it is taken out of the normal flow, it is still painted on the
canvas (CSS 2.1: 2.3.1: the space where the formatting
Chris Hardie wrote:
And I presume because when the left attribute is assigned a negative
value, the calculation of the canvas's width is not increased, so scroll
bars are not added?
Though it is taken out of the normal flow, it is still painted on the
canvas (CSS 2.1: 2.3.1: the space
Chris Hardie wrote:
And I presume because when the left attribute is assigned a negative
value, the calculation of the canvas's width is not increased, so
scroll bars are not added?
The fact is that browsers decided to providing horizontal scrolling to
one side only - the right side, because
I'm wondered if you could help me figure out how to accomplish my goal. I
need to put content from a CMS system into the areas of the website links
below. They should be some type of inline frames or CSS overflow, but I'm
quite sure how to implement them here. Since the background is fixed,
hello everyone,
from what i've read it is my understanding that absolute positioning will
position an element absolutely based upon the nearest positioned element. so
if i have an absolute position in my code that is directly under a
relatively positioned element it should place it in relation to
from what i've read it is my understanding that absolute positioning will
position an element absolutely based upon the nearest positioned element. so
if i have an absolute position in my code that is directly under a
relatively positioned element it should place it in relation to that object
Mark Henderson wrote:
[...] So, to reiterate, does anyone know of a way to have a fixed
width box horizontally centered but always a fixed distance from the
bottom of the viewport, whilst allowing the content to scroll using
overflow. I hope that all made sense. Any ideas?
then Gunlaug
Hello .. my first post here, thanks for this resource.
I created a slideshow control-
http://www.yasweb.com/slideshow/demo.html
Source code download from here-
http://www.yasweb.com/slideshow/
I'm using an extra DIV (class is slideshowwrap) to wrap the entire
control. The child DIV (class is
Mark Henderson wrote:
[...] So, to reiterate, does anyone know of a way to have a fixed
width box horizontally centered but always a fixed distance from the
bottom of the viewport, whilst allowing the content to scroll using
overflow. I hope that all made sense. Any ideas?
Yes...
It's been a while...
I have a slightly unusual design request from a client that's giving me
some grief in IE. In the nutshell, effectively what is required is a
fixed footer of fixed height that sits at the bottom of the viewport.
The content will be centered in another fixed width box and
I have created a situation where the internal bits #header #left and #right are
all absoultely positioned but I still cannot seam to get the dropdown to go
over the text.
http://www.blue-fly.co.uk/trisco/abs.php
The css
http://www.blue-fly.co.uk/trisco/css/abs.css
I am not too clear on how
page w/ absolute position works fine in most or all browsers, except IE 6
is off by one pixel right, and one pixel bottom... anybody know why?
-
http://www.fatgraffix.com/testing/test-absolute-position/absolute-test.html
thanx all.
=fgx=
[EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
page w/ absolute position works fine in most or all browsers, except IE 6
is off by one pixel right, and one pixel bottom... anybody know why?
http://www.fatgraffix.com/testing/test-absolute-position/absolute-test.html
Hi Francis,
I didn't investigate this 1px
[EMAIL PROTECTED] wrote:
page w/ absolute position works fine in most or all browsers, except
IE 6 is off by one pixel right, and one pixel bottom... anybody know
why?
http://www.fatgraffix.com/testing/test-absolute-position/absolute-test.html
IE6 isn't any good at calculating with odd
Hello,
On 6/17/06, Ingo Chao [EMAIL PROTECTED] wrote:
Bernat Lleonart wrote:
Hello,
I want to position a legend in a form. I've made te fieldset position:
relative, and the legend position: absolute.
It works in IE, but not in FF.
see the Firefox installation folder,
Hello,
I want to position a legend in a form. I've made te fieldset position:
relative, and the legend position: absolute.
It works in IE, but not in FF.
Any idea where is the problem?
Thanks
Here's the code:
**
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
On 6/16/06, Bernat Lleonart [EMAIL PROTECTED] wrote:
Hello,
I want to position a legend in a form. I've made te fieldset position:
relative, and the legend position: absolute.
It works in IE, but not in FF.
Any idea where is the problem?
Did you try:
legend {
Hi,
On 6/17/06, Christian Montoya [EMAIL PROTECTED] wrote:
Did you try:
legend {
position: absolute;
top: -1em;
display:block;
}
?
I've just tried it but it doesn't
Bernat Lleonart wrote:
Hello,
I want to position a legend in a form. I've made te fieldset position:
relative, and the legend position: absolute.
It works in IE, but not in FF.
see the Firefox installation folder,
/res/forms.css
legend {
position: static ! important;
float: none
Hi List,
I'm having a hard time trying to figure this one out, the below link takes
you to the problem:
URL: http://www.nailzone.co.uk/dev/training.php
CSS: http://www.nailzone.co.uk/dev/css/styles.css
I am trying to position a header image at the top lefthand corner of the
pink box but it
On 4/28/06, Bill Brown [EMAIL PROTECTED] wrote:
Hi Stuart,
Adding z-index: 1000 to the #headingFloat style block fixed it for me on
Firefox/WinXp and IE/WinXP. What OS are you using?
Bill Brown
Webmaster, MacNimble.com
Hi Bill,
Just put the z-index to 1000 and it worked a treat, many
Hi,
I am trying to turn a definition list into an attractive tabbed pane.
The user clicks on one of the definition titles and the associated
definition is set to display:block by JavaScript. The CSS part is
causing me some grief.
In the example below, I would like the grey dl to contain all of
Hi all,
I thought I understood absolute and relative positioning pretty well,
but I've hit upon either a bug in Firefox and Safari (unlikely) or a
bug in IE6 (likely) and/or gaps in my knowledge about this subject
(also likely). Please have a look at the following two documents:
Jeroen Coumans wrote:
Hi all,
Hoi Jeroen :-)
I thought I understood absolute and relative positioning
pretty well, but I've hit upon either a bug in Firefox and
Safari (unlikely) or a bug in IE6 (likely) and/or gaps in my
knowledge about this subject (also likely). Please have a look
at
Jeroen Coumans wrote:
http://jeroencoumans.nl/test/border.html
http://jeroencoumans.nl/test/no-border.html
... And even more dubiously, Internet
Explorer seems to do the correct thing - the positioning shouldn't be
affected by the presence of a border, so both files should be
Are there any resources for understanding the differences between how
browsers render absolutely positioned elements? I have a couple of
different instances that seem to look different on every browser.
Thanks,
Christy
__
Christy Collins wrote:
Are there any resources for understanding the differences between how
browsers render absolutely positioned elements? I have a couple of
different instances that seem to look different on every browser.
They should position the same - apart from what might be caused
I'm in the process of putting together a CSS image map (with help from
http://www.alistapart.com/articles/imagemap), and I'm clearly doing
something wrong. I haven't yet gotten to the point of placing images onto
the links (or even creating all of the images), but I've got text placeholders.
At 05:41 PM 2/25/2006, Erik Harris wrote:
The work-in-progress page is here:
http://www.fileh.com/kungfujoe/WebDVD/index.html
[...]
specify offsets with respect to the box's containing block. Isn't a DIV a
containing block? More specifically, how do I make a DIV into a containing
block? I've
Hi Greg and CSS-d
I have an alternativ approach to the solution, using your mentioned
position: absolute instead of tables, for two reasons:
Firstly, I was horrified by the huge number of table-cells ;-)
Secondly, I wouldn't like to create the engine behind, administrating
the table-setup.
SO
Jesper Brunholm wrote:
I have an alternativ approach to the solution, using your mentioned
position: absolute instead of tables, for two reasons:
Firstly, I was horrified by the huge number of table-cells ;-)
Secondly, I wouldn't like to create the engine behind, administrating
the table-setup.
Greg Morphis wrote:
Hey thanks again for the help..
I'm very happy that you can use it. I still discuss with myself whether
I have sinned in the eyes of Deus SemantiMaxus, but as long as it works
and provides the overview intented.
Quick question.. it says 10px = 15 mins?
So 40 pxs = 60
Hey, I'm trying to build a daily schedule view which will have
schedules from 6am - 10pm.
I'm not sure if this is the correct approach so I'm asking for help...
I was thinking of using a table with 3 columns, 1 column for the name,
1 column for job title and 1 column for their daily schedule. I
A better approach might be to create a class, call it .task. Then the
rule might be td .task {background-color:blue;text-align:center;}.
And then your HTML would be:
td width=640px class=task
Greg Morphis wrote:
Hey, I'm trying to build a daily schedule view which will have
schedules from
here's a screen shot of what I'm trying to dupe.. Thanks!
http://home.alltel.net/omen/schedule_example.jpg
On 12/7/05, Greg Morphis [EMAIL PROTECTED] wrote:
Hey, I'm trying to build a daily schedule view which will have
schedules from 6am - 10pm.
I'm not sure if this is the correct approach
On 07/12/05, Greg Morphis [EMAIL PROTECTED] wrote:
Hey, I'm trying to build a daily schedule view which will have
schedules from 6am - 10pm.
Tabular data.
thead
tr!-- hour --
th rowspan=2Employee/th
th colspan=46 AM/th
th colspan=47 AM/th
!-- etc --
/tr
tr
th0/th
th15/th
!-- etc
Greg Morphis wrote:
here's a screen shot of what I'm trying to dupe.. Thanks!
http://home.alltel.net/omen/schedule_example.jpg
I may not speak for everyone here, but I would use a table for this.
Every half-hour is a data cell, and use the proper colspan's as necessary.
Can it be done in
okay so using the tables would it allow for multiple enteries on the same day?
Thanks!
On 12/7/05, Brian Cummiskey [EMAIL PROTECTED] wrote:
Greg Morphis wrote:
here's a screen shot of what I'm trying to dupe.. Thanks!
http://home.alltel.net/omen/schedule_example.jpg
I may not speak for
Oh and how would I add the words to it? like Work or Vacation using a table?
On 12/7/05, Greg Morphis [EMAIL PROTECTED] wrote:
okay so using the tables would it allow for multiple enteries on the same day?
Thanks!
On 12/7/05, Brian Cummiskey [EMAIL PROTECTED] wrote:
Greg Morphis wrote:
Greg Morphis wrote:
okay so using the tables would it allow for multiple enteries on the same day?
Thanks!
This doesn't seem like a coding problem but rather a business logic
problem??
For example, how can someone be on vacation, and in a meeting at the
same time?
Greg Morphis wrote:
Oh and how would I add the words to it? like Work or Vacation using a
table?
table
tr
td colspan=2 class=onvacationVacation/td
/tr
/table
__
css-discuss [EMAIL PROTECTED]
Okay thats cool.. BTW they wouldnt be doing 2 things at once.. but
like Meeting from 10-1 and then vacation from 2-6.. multiple things
on the same day.
Thanks
On 12/7/05, Brian Cummiskey [EMAIL PROTECTED] wrote:
Greg Morphis wrote:
Oh and how would I add the words to it? like Work or Vacation
On 07/12/05, Greg Morphis [EMAIL PROTECTED] wrote:
Oh and how would I add the words to it? like Work or Vacation using a
table?
By putting the text in the table data cell that spans the columns
headed by the times that the event occurs.
On 12/7/05, Greg Morphis [EMAIL PROTECTED] wrote:
On 23 Nov 2005, at 7:50 am, Chris Akins wrote:
The div id=search on the following page:
www.springfieldmogov.org
does not appear in the proper place on IE Mac.
The css for this page is www.springfieldmogov.org/css/3colTest.css
I've read some stuff about IE Mac not doing absolute
On 24 Nov 2005, at 8:32 am, Chris Akins wrote:
I tried the below suggestion as wells as specifying a width for that
div, margin-left, margin-right, all to no avail.
Anything else anyone can think of?
On 11/23/05, Philippe Wittenbergh [EMAIL PROTECTED] wrote:
Try: div#search
The div id=search on the following page:
www.springfieldmogov.org
does not appear in the proper place on IE Mac.
The css for this page is www.springfieldmogov.org/css/3colTest.css
I've read some stuff about IE Mac not doing absolute positioning
correctly when specifying right: some value;
But
I am working on a personal page that will serve as a
portfolio page and contact website. It will be in
two-column format. I have read advantages for both,
but was seeking advice on should I use absolute
positioning or floating? (or does it matter?) I
appreciate any insight on this topic!
Hi
Hi,
I am working on a personal page that will serve as a
portfolio page and contact website. It will be in
two-column format. I have read advantages for both,
but was seeking advice on should I use absolute
positioning or floating? (or does it matter?) I
appreciate any insight on this topic!
Hi,
I am working on a personal page that will serve as a
portfolio page and contact website. It will be in
two-column format. I have read advantages for both,
but was seeking advice on should I use absolute
positioning or floating? (or does it matter?) I
appreciate any insight on this
I have a page that is generating an order confirmation that is broken
down into a whole bunch of small tables. I have redone pretty much
everything with css, but I am leaving the tables for now because the
html table code is generated on the fly by PHP script that I inherited
with the code-base.
Hi,
The site I'm working on has an absolutely positioned menu at the top of each
page. However, within the markup, the menu is actually at the end of the
page. The menu (#smenu) shows correctly in Firefox but not in IE. It's
easier for me to show you my problem than put in into words, so
88 matches
Mail list logo