height

make div's height expand with its content

Hi all, I have these nested Divs and I need the main container to expand (in height) to accomodate the DIVs inside <!-- head --> ... <!-- /head --> <body class="main"> <div id="container"> <div id="header"> <!--series of divs in here, graphic banner etc. --> </div> <div id="main_con...

CSS: getting an unwanted 1px extra height per DIV table element in Safari

I have an issue with a table containing three cells in one row. Two of these (left and right) have fixed width/height and should display an image (or shrink to 0 when no image is present). The middle cell takes the remaining space withing the fixed total with of the table. The problem: now I end up with 3px of extra space by which the '...

Using the jQuery width() and height() methods

Can you use the .width() and .height() methods to increase the height like $('x').width('+=2px') or $('x').height('+=2px')? I couldn't find any information about this on the jQuery website, but I also haven't seen anything to suggest that this doesn't work. ...

Fixing cell height and define a flexible one in a Table

Hi guys! I have this problem on my website's layout, and it's basically preventing me from continue it, it's destroying everything. here goes the HTLM code: <table cellpadding="0" cellspacing="0" width="446" height="362"> <!-- MSTableType="layout" --> <tr> <td valign="top" colspan="2" height="110"> <p align="cente...

JQuery Slide Event and Div Height not changing as expected

I am working with JQuery and I'm trying to change the html of a div box when the child div slides in and out. My problem is that the code below isn't changing the html value of #menu_text. It only displays Hide Menu and is not detecting the real height as changed by slideToggle. $('#menu').click(function () { $('#menu_links').slideTo...

WPF TextBox Height Equals Parent Height minus 50 pixels?

I'm successfully getting a TextBox to resize with a parent Border height but I need the TextBox to actually be 50 pixels smaller in height than the parent Border. Any ideas how to achieve this? The code I'm using is <Border VerticalAlignment="Stretch" HorizontalAlignment="Stretch" > <TextBox x:Name="txtActivityNotes" HorizontalAl...

css columns shrinking 100% pixel value

Hi, I have a page which is divided up into 3 divs, left center and right. I don't want to display anything in the left and right, they just frame the page. #leftDiv { background-color: Gray; width: 10%; left: 0px; top: 0px; position: absolute; height: 100%; } #rightDiv { background-color: Gray; h...

image height using jquery in chrome problem

$('img').height() returns 0 in chrome, but it returns the actual height in IE and firefox. Whats the actual method to get the height of the image in chrome? ...

CSS Relative positioning overflow (squashed div problem) divs height expand with content?

Hi I'm trying to edit some css to include a border to the right and the left of my site. My problem is that when I make my height 100% or auto nothing happens, but when I change the height it works, but I can't use this as I want it to change with the content. I've noticed in expression web my sitegrinder div looks too squashed up the...

adjust iframe height based on the content

I am using the following script to adjust the iframe height automatically. function autoIframe(frameId) { try { frame = document.getElementById(frameId); innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document; objToResize = (frame.style) ? frame.style : frame; objToResi...

Both columns same height as deepest column?

If I have a div layout like this: <div id="stretchyheader"></div> <div id="fixedwidthwide"><div> <div id="fixednarrow></div> <div id="footer"></div> Which makes something like this: ----------------------------------------------------- | stretchyheader | ---------------------------------------------...

recalculate div height after jquery UI accordion sliding

Dear all, i have a page with 2 columns, content and sidebar (dom (html + css) not created by me, and there is no time to recreate the system) there is some jquery on document ready, to calculate the height of the content, and make the sidebar the same height. now recently we were asked to insert an accordion, and the previous person t...

How to get the wpf listboxitem to stretch entire height of listbox when selected...

Hi, How can i get the listbox item to stretch the entire height of the listbox when it is selected.My situation is like my listboxitem contains an expander which expands and shows another list.The second listbox is quite long and i am looking for some way to prevent the user from scrolling a lot.I am looking for some way to give the seco...

Google maps infowindow height problem.

I've been searching the net for a solution. My problem is that the info window's height is not calculated properly. There are no images in there so it is not an issue with the image loading later and the size is not known when the bubble is created. Also if I fill it up with about 15 lines more text the size is starting to get alright....

css: fix row height

hi all, i'm having this markup: <style> table { border:1px solid black; width:400px; height:300px; border-collapse:collapse; } table tbody { border:1px solid red; } table td { background:yellow; padding:10px; border-bottom:1px solid green; height:20px; } <...

HTML DOM width + height of visible window

How do I get the current height and width of the available space in the browser as it is open. I don't want the height of the total document, just what's visible on the screen. ...

Synchronizing HeaderRenderer height on two DataGrids

I have two separate datagrids, they both use the same class as the custom headerRenderer. I am having problems thinking of a way to sync the size of each headerRenderer. If grid1 has two rows worth of text (word wrapping is enabled) and grid2 has one rows worth of text. I want both grid1 and grid2 to both be the height of two rows worth ...

Html - div blocks and clear:both

Hello, I can't understand one thing. I have a big block, here is it's css: #content_part1 { margin: 0; padding: 0; width: 1024px; min-height: 544px; background-image: url(../images/top.gif); border: 1px solid green; } And another block in it: #content { width: 942px; margin-left: 41px; position: absolute;...

how to have fixed height divs using 960.gs?

Hi everyone, I am using 960.gs to do the layout of a simple page, but am having a hard time enforcing a maximum height for the DIVs I am using. Consider the following: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; <html lang="en"> <head> <link rel="stylesheet" type="text/css" media="al...

how to make three inside divs the same height?

I have a container div#content, which contains three divs inside. Now, how could I make sure that three divs inside have the same height? Of course, I hope each div's height could be expanded according to its content. For example: here is what I tried <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head> <title><...