I have a div which contains an unordered list... After some user actions i load the div with a longer list i.e. containing more list items than the previous one. I use jquery's higher level ajax functions to do this. The problem is when i load it through ajax the list elements overflow the div's bottom portion and some of them get's di...
$(document).ready(function() { var pic = $(".pic"); // need to remove these in of case img-element has set width and height $(".pic").each(function() { var $this = $(this); $this.css({width: 'auto', height: 'auto'}); var pic_real_width = $this.width(); var pic_real_height = $this.height(); if(pic_real_width<100){ ...
I need to get the width and height of a .mov-file with php. How do I do that? ...
I would like a div to take all the screen height, that's why I found the following links: http://www.webmasterworld.com/forum83/200.htm http://www.thefutureoftheweb.com/blog/100-percent-height-interface the tricks: make the container have a specified height, for example: body{height:100%} seems work fine, however, I found that: once ...
I am using SWFOBJECT to embed my flash content. I have been worried about stage.stageWidth and stage.stageHeight returning 0 in Firefox/Internet Explorer; this problem is referred to in question #21 on the SWFOBJECT FAQ (http://code.google.com/p/swfobject/wiki/faq). I have been told that this problem is particularly prevelant on Mac...
I have a fixed-height (180px) header and fixed-height footer (50px). I'd like the container height to be: window height MINUS header MINUS footer. How do I achieve this using jQuery? Edited to Add: If the container height is updated on window resize, that'd be awesome! Many thanks! ...
I have a fixed-height (180px) header and fixed-height footer (50px). I'd like the container height to be: window height MINUS header MINUS footer. If the container height can be updated on window resize, that'd be awesome! How do I achieve this using jQuery? I posted the same question and receive a great answer with a CSS only solution...
I have a setup that requires a header div and a footer div to stay rooted at the top and bottom of the page respectively, while the content div in the middle fills up the area in between. The content div is set to overflow:auto; so a scroll bar appears when content volume is large enough. Something like this: +--------------------------...
Hey! I have a menu with hidden submenus. I'm animating the submenu to open when I mouse-over a menuitem, and close when I mouse-out. This causes problems when the user mouses over a lot of menuitems, as all the animations get queued. To fix the queuing problem, I added a stop() before the animation. This caused an even worse problem...
Hi, On cnn.com with Firefox 3.5.3, there seems to be a bug with the measurements of document.body. It seems document.body.offsetHeight and document.body.scrollHeight both give the viewable height, thus same as document.body.clientHeight. Same with document.documentElement.offsetHeight and document.documentElement.clientHeight. Only docu...
Here is the HTML code: <div id="header"> </div> <div id="container"> </div> <div id="footer"> </div> And here is what I want to achieved, even though it's not valid CSS, but I think you will understand my point: html,body { min-width:800px; max-width:1680px; width:100%; height:100% } #header { width:100%; height:100px; back...
Here is the HTML Code: <div id="header"> </div> <div id="container"> <div id="leftbar"> </div> <div id="content"> </div> </div> <div id="footer"> </div> And here is what I want to achieved, even though it's not valid CSS, but I think you will understand my point: html,body { ...
<div class="preview"> <span class="center">This will be centered</div> </div> Preview has fixed width (120x120), but span may contain anything (image, text). How do I center it vertically and horizontally using jQuery? I looked up some snippets but they all center elements inside the 'body' not another element. I'd like to avoid use ...
Is there a way to set the height/width CSS properties to something like that: 100% - 50px So if the total 100% is 1000px, then the end result would be 950px. And the 100% is set by the browser size. Thank you. UPDATE: What I'm trying to do is: I have two div, the first div's height is 50px, I would like the second div's height to cove...
Hell, I am trying to make a TabControl to auto resize according to the its outer space(it's in a StackPanel): <Window x:Class="Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Height="100"> <Grid> <StackPanel> <TabControl ...
HTML: <ul> <li><img src="image1.png" /></li> <li><img src="image2.png" /></li> <li><img src="image3.png" /></li> <li><img src="image4.png" /></li> <li><img src="image5.png" /></li> <li><img src="image6.png" /></li> </ul> ... the images are all different sizes, I'd like to center them vertically. jQuery: $('ul li').css('p...
HTML: <div class="main" style="float:left"> lorem ipsum <br /> lorem ipsum <br /> lorem ipsum <br /> </div> <div style="float:right"> <div class="block">block</div> <div class="block">block</div> <div class="block">block</div> </div> jQuery: $('.block').height($(".main").height() / (3)); ... each block height = height o...
I need to position an element in the exact centre of the page (using fixed positioning) and need to calculate the expected size. For example I would add HTML like this: <div class="window" style="left: X; top: Y"> <h3 class="title">Title</h3> <img src="file.jpg" width="300" height="200" /> <div class="controls">Some stuff</d...
I've got a list of items and according to a criteria it gets a class via jQuery on document.ready that triggers CSS3 columns. If the list is displayed in columns it would have a smaller height. Is there any way to get the new height in jQuery immediately after the class change? $items.each(function(i){ var theItem = this; console.l...
Hi guys I need to calculate the position, height and width of every anchored link in my page. I know how to find the x,y coords, but I have a problem with the height and width. The problem appears when the link has children inside (images, divs etc), so heightOffset and widthOffset won't work. Is there a way to do this without going on ...