Here is a snippet of CSS that I need explained: #section { width: 860px; background: url(/blah.png); position: absolute; top: 0; left: 50%; margin-left: -445px; } Ok so its absolute positioning of an image obviously. top is like padding from the top, right? what does left 50% do? why is the left margin at -445px? Upda...
I am working on a webpage in ASP.Net/C# that uses absolute positioning for a textbox, for several in fact. It was working just fine, until I added some more text boxes. That is, the existing text boxes still positioned correctly, but the new ones did not, despite the fact that I created new styles in the CSS for them just like the others...
I had a discussion with someone about absolute positioning. He claims that the best practice to secure that everything looks all the same across most browsers and that it's the easiest way to maintain the looks and feel that you intended for a website. I disagreed with his opinion, that absolute positioning would be the remedy and an ov...
I'm using absolute positioning and negative margins (with top: and left:) to position logos and other such things in my website. I'm aware that IE6 has problems with negative margins and absolute positioning, how can I overcome these issues to ensure they work correctly in IE6? ...
I am working on a site with two absolutely positioned divs... the logo and the menu (navbar) IE is burying them both, even after multiple tries of z-index manipulation. Why can't IE work as well as Firefox or even Opera for God's sake? UPDATE....... I forgot to mention that these divs are positioned over a flash movie. How could I pos...
When I access the site with an anchor set (...#xxx) the image on top is shifted outside the viewport. Normal behaviour: http://soc.org/index.php?id=4 Corrupted design: http://soc.org/index.php?id=4#c272 The top image is positioned absolute. There are some blank lines directly after the google-analytics code. If I delete them, it works....
While viewing the source of a web page, I came across this CSS, applied to a span within a button: .whatever button span { position: absolute; left: -1e+7px; } What does left: -1e+7px; mean? Is this some trick I should be aware of? ...
hello everyone, as my last question was answered inmediatly.. i decided to post a new one which is taking all my hair away, XD this is the problem.. i have a design with an absolute positioned div.. which has a transparent png and a simple anchor... just like this. <div class="buyfloat"> <img src="img/buy.png" /> </div> so.. i...
I am trying to position some elements on a page at absolute positions. I used the following test code (I replaced the <> with [] to get through the HTML cleaner): <body> <div style="position=absolute; top=100px; left=100px"> HELLO 100,100</div> <div style="position=absolute; top=200px; left=100px"> HELLO 200,100</div> <div style="...
I have problem positioning left sidebar (variating height DIV) ON IE6. Main needs: 1. I cant set height value, cause height is variating and should be computed by browser. 2. Sidebar must have top and bottom spacings. Top bar issue is solved by replacing position to relative. Any ideas ? Thank you in advance ! Below you can see simp...
I have placed an absolutely positioned element (header) after relatively positioned element (body content). Due to some reason and this works fine in all the browsers except IE8. The header is overlapping the content element with not positioned at its absolute position. The css rules I have used: #bodyContent{ clear: both; displ...
I'm trying to position a div at the top left corner of the page, and I want it to stay there regardless of browser window resizing or page scrolling. How can I do this either with plain CSS (if possible), or with jQuery? ...
Hello! I'm creating a prototype of a CSS/XHTML tables-based calendar that eventually will be generated with PHP for the Simple Updates content management system. I've run into a problem with using absolute positioning to create a popup that would show all the events in a day when there are more than will fit in a cell. The problem can b...
I have this issue that's not allowing me to absolutely position a footer. I place it and It appears with like 5px margin in IE a lot of margin in Firefox and perfectly in Chrome...I really don't know why this happens...here's the HTML: <p>In posuere dapibus mauris, et elementum magna rhoncus quis. Morbi ultricies malesuada magna, vel po...
I have these three DIVS - one red, one blue and one containing an image. I set the red div to the upper left at 0,0, and the blue div to the upper left at 0,111. The image div is also positioned in the upper left at 0,0 and stretches across the red and blue divs because the image it contains is transparent and I want the blue and red o...
Hey guys, my first question here on stack overflow. Trying to get something pretty simple to work, I'm sure I'm missing something quite obvious. Still getting used to the "standard" css, too many years working with non-functional ones! Heh. So, sample of what I'm doing: <div style="overflow: auto; border: 1px solid"> hello <d...
I am trying to move a table up by 6px. There is a table immediately above it, so this means they will have to overlap. Is this possible? I have tried .subNavBar { position: relative; top: -6px; } and .subNavBar { position: absolute; top: -6px; } ...
I have an absolutely-positioned navigation on my menu that is sent off to the left side.* #menu { position: absolute; display:inline-block; /* I can hasLayout? */ top: 0; left: 0; width: 265px; height: 100%; background: #ffc; } html>body #menu { height: auto; min-height: 100%; } It should look some...
I have a holder div on the page where I want to load small images in on random position as a collage with 10px padding on each. How can I make sure that images never overlap each other or holder div? Is there a plugin or function that I could use? My code so far: <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <sc...
Hi Effectively what I need to do in JS is move all absolutely positioned elements down by x pixels. Do I need to loop through every element and try to figure out if it's positioned absolutely? Or is there a better way? Thanks, Mala Update: specific: I am using a bookmarklet to inject JS onto any page - thus I cannot change the markup ...