I am having a bit of difficulties with the page below. It's ALMOST working correctly. The red box should be centered (h&v) on the window. WORKS. The yellow box should be affixed to the bottom of the window. WORKS. When the window is less then 400 pixels high scroll bars should appear and the yellow box should appear at the bottom of t...
I found an example here of using rounded corners using a single image. I've got this working perfectly in IE7+ and FireFox. The following is an example tab layout: <div class="tab"><div class="corner TL"></div><div class="corner TR"></div> <div class="inner"><p>Test 1</p></div> </div> <div class="tab"><div class="corner TL"></div><...
In every browser I've used, except ie8, an absolutely positioned element can be positioned according to the closest parent with relative positioning. The below code shows two divs inside a table. The top div has position: relative, however, the nested, absolutely positioned element does not respect its boundaries (in ie8, it gets positi...
Hi, I'm trying to position a rectangle in an InkCanvas. I am using the following method. Unfortunately when I add the rectangle it gets displayed at (0,0). Although when I query to see the whether the left property is 0 I get a non zero values. Does anyone know why this might be? Cheers, Nilu InkCanvas _parent = new InkCanvas(); pri...
Hi, Take a look at http://www.barelyfitz.com/screencast/html-training/css/positioning/ item 6. It says: It is not a viable solution for most designs, because we usually do not know how much text will be in the elements, or the exact font sizes that will be used. What workaround do I need to use in order to insert dynamic text into...
Hey all, I have a image I am absolutely positioning and it works perfect on firefox, but in a totally different spot on safari, Is there any other way to position it where I want(on top of another image) without using absolute positioning. I have already tried margin and padding and that does not work ...
I'd like to get some feedback on using padding and margins for page layout versus absolute positioning. I realize that there are and will be scenarious where either or both are preferred and that will depend on the scenario. But what I'm getting at is overall page layout for pixel perfect designs what is the general rule of thumb? I'm a...
I'm encountering a frustrating but seemingly random rendering bug in IE8. I have some absolutely positioned elements on the page (positioned in relation to the page body), the displaying of which are toggled by jQuery. 8 times out of 10 the elements are rendered correctly, but sometimes the positioning is not obeyed and they are simply ...
Can anybody think of a non-Javascript way to do the following: There is a DIV element somewhere on the screen. Its position can not be predicted. It has a fixed width, and should overlap all the other content in the document, ie. it has "position" set to "absolute". This is the catch: I want the bottom edge of the DIV to be glued to th...
I have the following list item that I want to append an 'Edit Settings' button to: <li class="draggableBucketItem ui-state-default" id="bucketItem75" bucketID="2" pageModuleID="75"><span class="spnName">HTML Content</span><li> I use jQuery to append a span to the list item: $('#bucketItem75').append('<span class="spnEditModule">Edit ...
I want to position an element in normal css relative to the element before it, and then once it's been initially positioned makes its position independant of the one before it. For example, when you click on a 'widget' in the sidebar, it collapses, and all of the 'widgets' below it move up. I don't want them to move. Thanks. ...
Hi. This is my first question here but I'm sure there are many more to come. I have a small position problem that I would like to know if it's even possible to achieve. I have an unordered list (<ul>) with floated <li>s, for the main options i float these left, and for the contact and support options I float them right, so far so good....
Any hacks to make my absolute positioning render how it is suppose to on IE6? ...
Here is the CSS...how can I make it layout as it should in IE6? .AuthorName_Pic { width:186px; position:absolute; right:0px; bottom:-120px; padding:20px 10px 20px 15px; margin:20px 0px 0px 0px; background:url(images/ThumbDark.jpg) no-repeat; z-index:100; } ...
I want to insert an image tag into a block of text so that the image is, say, 100 pixels down in the DIV. <div> A lot of text in a text block and a <img tag> somewhere that is floated left or right and positioned inside the text block </div> So, the tag above is put in the text block to be floated so that it is positioned...
I'm dynamically adding some lis to an unordered list using jQuery. They are positioned absolutely (using the style param on each li), but when they are added to the page they aren't in the right positions, even though when I check them with Firebug or Chrome's element inspector, all the values are correct. Also note that the lis are us...
Hi, I'm trying to see if it is possible to put some text over an image without using position: absolute or having the image being, the background of an element. The reason for the constraints is that the HTML code is going into an e-mail, and it turns out that hotmail supports neither. I remember that when I first began studying CSS, fid...
When I jump to an anchor tag in on a wide (4000px) page, the anchored image is horizontally aligned to the right. How can I get it to align to the center? I have tried several things but none seem to work. Since I am new here I am not allowed to post the code, so I hope I was clear enough. Thanks for your help, Robert C. ...
nevermind, i figured it out ...
I'm building a site where users (with no knowledge of html/css) will custom-design simple static HTML pages. Years ago, I used a CMS that used absolute positioning with drag and drop for designing static pages, and it was a fantastically easy UI for anyone to grasp. I'm wondering if there's a javascript solution for this that I could i...