We are contemplating using the DataGrid component from DojoX in our web applications. The problem I have is that it doesn't seem to play well with fluid (a.k.a. liquid) CSS layouts -- it seems to like every width predefined. In fact the documentation warns about the automatic width for the columns feature and my attempts to use dynamic w...
Hi, i use this fluidgrid system: http://fluid.newgoldleaf.com/ I have the problem, if the first content element in a column is an image Tag, the content in the following column drops down. It only works, if the first content element is something like a paragraph or a headline etc., and the second is an image Tag. Why? :-) Thankx. ...
I'm using Fluid 960 at the moment, and I'm getting some weird behavior with alpha/omega. My understanding of alpha/omega is that it's used to fix left/right margins in nested grids. However, when I apply alpha/omega to a pair of nested grids, the left hand side grid has a really shallow indent while the right hand side grid has a large ...
I used the same software used here http://us.gn.bartal.org/ to create a fixed width/height treemap in HTML + CSS. I would like to make it elastic by having a JavaScript function to convert all pixels absolute positions and sizes to percentages. How would you suggest to proceed? Is there some jQuery/Prototype/Dojo magic that I can explo...
I'm using a fluid layout in the new theme that I'm working on for my blog. I often blog about code and include <pre> blocks within the posts. The float: left column for the content area has a max-width so that the column stops at a certain maximum width and can also be shrunk: +----------+ +------+ | text | | text | | ...
Hi, I have been trying(in vain) to build a page whose elements would resize as I changed the window size. I have it working in css for images no problem, but I can't seem to accomplish the same for text, and I am not sure it is even possible in CSS. And I can't seem to find a jquery script that accomplishes this. When a user resizes the...
The titles says it. I want a 2-column CSS layout that: is centered - the main content is centered on the page has a fixed (pixel) right column width has a fluid left column - uses up all available space minus the right column width is source ordered - the left column content comes before the right column content in the HTML source allo...
I have created a custom ToggleButton where the content is a TextBlock (not just a string) pasted in manually into the right place in XAML. The parent layout in the ToggleButton is a Grid with 2 columns, where the toggling swaps the ContentPresenter and some graphics between the columns. The graphics animate perfectly when FluidMoveBehav...
Hi, http://www.twofivefivefive.com/asctest/ I am helping a friend with this site, and it is a fluid, % based design (which I have no experience working with). For some reason, I am getting a horizontal scroll bar, that scrolls into blank space on the right side. I haven't the faintest clue what is causing the page to be wider than it ...
I have a fluid grid built with <li> elements. eg: <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> li { border:solid 1px green; width: 100px; min-height:50px; display: inline; margin: 10px; float: left; } so this looks...
I was told that fixed-width websites are not accessible because most screen readers cannot read content that scrolls off the screen. Is there any truth to this? This doesn't sound correct to me, so I thought I would ask for some clarification on the topic. Any information would be greatly appreciated, thanks! ...
There may be a simple fix for this, but it has troubled me for ages now... Let me explain the situation. I have a div with the ID 'container' that holds all the contents in the page (including header and footer also) that will keep everything inline and I can do just 1 simple 'margin:0 auto;' instead of multiples. So lets say that I h...
I have a variable number of divs acting as columns, and I would like a variable number of them to have static widths (in pixels) and a variable number of them to expand to the remaining width in the window. If I make the fluid column widths combine to 100%, some columns will be squeezed out of the row - do I need to use javascript to sub...
So this is going to be a bit difficult to explain, but I'll give it a go an hopefully someone will recognize what I'm talking about. So I have a StackPanel in which there are 3 Buttons and 3 Lists there are also 3 VisualStates that represent the "open" state of each list (it's an accordion). By default each element's height is set to 0...
I created website with fluid css layout: www.gktrade.lt. And he problaly have bugs in design coding, because in ie 6 and ie 7 are very nervous problems with displaying some elements. Can someone help me in resolving these problems? PROBLEM SHOWED - PIC ...
I have an idea for a layout I would like to use, but I can't get it to work correctly. I am hoping someone on here might be able to help as I have spent hours searching. The layout is like so. One wrapper div houses 6 child divs. Those child divs must be centered at ALL times regardless of the size of the wrapper div. <html> <head> <t...
I'm trying to create a fluid layout with http://www.tinyfluidgrid.com/ I want to create a 2 columns layout (grid_12) inside the body (grid_16) but the left bar (grid_4) and the right bar doesn't wrap the whole body so what should I do: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> ...