layout

How can I convert this table based layout to CSS?

I have a table based layout which is 100% height/width with no scrollbars. The header (red) automatically expands to fit the content and I don't know how many pixels it will be. The fluid table below gives exactly what I what. <html> <body height=100%> <table height=100% width=100% padding=0> <tr height=1><td colspan=2 bgcolor=red>Fit...

Trying to avoid control "wobble" when resizing controls according to mouse position

Hi, I've got a set of controls in a line inside "FollowTableLayoutPanel1", contained within "TableLayoutPanel2". I have them resizing according to the position of the mouse cursor; the closer the mouse cursor is to the vertical centre of the control, the larger the control is. Because FollowTableLayoutPanel1 has its anchor property set ...

How can a URL fragment affect a CSS layout?

Compare these 3 URLs (look at the top navigation bar in each case): http://fast.kirkdesigns.co.uk/blog as above but with the url fragment #navigation as above but with the url fragment #node-2655 Note, that the only difference is the URL fragment on the end. The first two pages display absolutely fine (in Firefox at least). It's the...

How to make the wxNotebook to expand?

(I have tagged this question as Python as well since I understand Python code so examples in Python are also welcome!). I want to create a simple window in wxWidgets: I create a main panel which I add to a form I associate a boxsizer to the main panel (splitting it in two, horizontally). I add LeftPanel to the boxsizer, I add RightPanel...

Redundant View Templates: 1 For Highlighting Searches, 1 For Browsing

Currently I have 2 different templates to display a product: 1 for general browsing, 1 for search results. This is annoying, I have to manage 2 templates for what is more or less the same layout. The reason, search results are highlighted. My highlight template looks like this, roughly: for each result <h2> if search has name ...

What could cause the same browser on different PCs to render the same HTML differently?

I'm stumped. A client and I are both running Firefox 3.0.12 on XP machines. We view the same page in the same browser on different machines and have different results. Note: All IE browsers are consistent on both of machines, and my FF 3.5.1 is consistent with my FF 3.0.12. (He does not have FF 3.5.x installed to compare with). There is...

CSS: 100% height content area with variable-height header

I have a page with a variable-height header, content area, and footer. I want the content area to always fill the viewport, and grow vertically to fit content as necessary. I've found lots of examples of doing this with fixed-height headers, but none where the height is unknown. Any solution needs to work in IE 6, 7 and 8, Firefox 3.x...

alternatives/improvements to JSplitPane

I had a fairly simple dialog with a pair of JPanels of roughly equal size, contained in a JSplitPane. Now I'm looking at adding a 3rd JPanel and I'm not so sure there is an obvious solution. Is there a good window-docking framework out there? or is that a horribly complex thing to get into? If I do just stick with the 3-panel split, do I...

IE7 and fixed divs problem

Background I need to do a rather complex layout for a client, using fixed DIV. Everything is fine in IE8, FF3 and Chrome, but IE7 mangles all the thing Edit: The fixed DIVs are a must, only the content DIV must scroll (That is the spec, sorry) HTML and CSS code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3...

How to make two elements in gtk have the same size?

I'm using pyGTK. I want to layout a large element with 2 smaller ones on each side. For aesthetic reasons, I want the 2 smaller ones to be the same size. As it is, they differ by a few pixels, and the middle element is not centered as a result. I tried using gtk.Table with 3 cells, but having homogeneous=True doesn't have the desired ef...

Sidebar Div extend entire height of container

I have one container div holding two sidebars on each side and a content box in the middle. Standard 'blog' layout. The content is way past the sidebars, and the sidebar height stops at my last sentence. How can I extend the height so that is auto extends to the bottom of the page, thus the end of the content box in the middle? ...

Web Page Design Get Distorted in Desktop PC Monitor

I am building my web application on my laptop but when I navigate the page on my desktop pc the layout of the div are distorted. I think the solution is giving percentage instead of absolute numbers like 240px to height and width of divs. What do you think ? Do you have another recommendations ? Thanks in advance. What I've done is ...

CSS layout - footer is overlapping the content of page

I am new to CSS, I found an layout online, but I have a little problem customizing it. When the content of mainContent div is "higher" then the left menu, everything is working ok - but when the mainContent is smaller, it looks like this: The div order is visible through Firefox WebDevelopper addon. The .css file is as follows: body...

Basic Layout problems with WPF ListView

I have a simple List View: <ListView Name="Container" > </ListView> 1) I'd like items to be listed vertically till there's space and then to fill another column (header not needed): 147 258 369 I am adding items programmatically like this - but they display horizontally and then go onto the next row when space runs out: foreach (...

Why do Google and Twitter use table layout?

Possible Duplicate: Does it make sense to use the <table> tag on a modern website? Everywhere I go I see don't use table layout, it's evil, even Google says that, so why one of the most visited websites, Google and Twitter, use it for their homepage? I don't think it is any kind of mistake, or any other stupid problem. The on...

Force containers to do layout after children are rotated?

My problem is pretty simple: Flex containers do layout based on un-transformed children, and so rotated children are positioned as if there were no rotation, but then they're rotated around the top-left of that position. I've attached an image to show what I mean. Does anybody know how to get around this? Can I wrap the components in ...

A DataGrid for WPF with "multiple columns of columns" support

I would like to display data in a way where the entire set of columns is replicated to the right when there are more items to display than would fit into the height of the grid. This would be instead of scrolling down, space to the right is used to display additional rows. For example: The table below has 3 columns but wraps at item #6...

Header not showing up in WPF ListView

I know this must be obvious but I am starting with WPF and I am stuck: I've the following ListView (in the second row of the main grid on the page), content is showing up but the header is not! <ListView Grid.Row="1" Name="container" ItemsSource="{Binding MyCollection}" > <ListView.View> <GridView> <GridViewColumn Wid...

Preferable Tag Cloud Visualization Formats

Out of curiosity, I would love to know what tag clouds formats best serve the purpose of discovery of more and more (relevant)content? I am aware of 3 formats, but don't know which one is the best. 1) delicious one - color shading 2) The standard one with font size variations - 3) The one on this site - numbers showing importance/us...

Can you find anything bad in this layout?

CSS code: #wrapper {margin:auto; width:100%;} .container {display: table; width:100%;} .row {display: table-row;} .cell {display: table-cell; height: 100px;} #left {width:150px;} #right {border: 1px solid red;} HTML code: <div id="wrapper"> <div class="container"> <div class="row"> <div class="cell" id="left">this is fixed width</di...