473,386 Members | 1,764 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

Floating columns

Hi,

I try to build a 2-column-layout, which makes it possible to put
paragraphs into a 'content'-Column and let them float. The goal is
getting these two columns without letting the author/user decide, if a
text belongs to the left or the right column:

+-content-----------------+
| |
| +-par1--+ +-par2--+ |
| | | | | |
| | | | | |
| | | | | |
| +-------+ +-------+ |
| +-par3--+ +-par4--+ |
| | | | | |
| | | | | |
| | | | | |
| +-------+ +-------+ |

So far it works great with float:left;, but I've got two unsolved problems:
- I set margin-right:xy; for the pars to get a gutter between the cols.
Unfortunately it marges also right from pars 2 and 4...
- If par2 is longer than par1, there will be a gap between par1 and
par2. I want the same gap between all pars...

The test-layout is at http://www.dietzk.de/mainova/

Thank you for any idea!
Chris
Jul 20 '05 #1
0 1387

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Grytpype-Thynne | last post by:
Is it possible to give a width to a floated div which is greater than the width of the image it contains? What I want to do is display some images which will be of different sizes so that they...
9
by: Alan Little | last post by:
I have a layout with a four-column page. The content is dynamic, and I want to have a footer that will float up or down depending on the content. I've tried several approaches and can't get it to...
10
by: Florian Brucker | last post by:
There are several tutorials on the net showing you how to create a thumbnail gallery with floating thumbails which automagically uses all horizontal space available (e.g....
2
by: John Wilkinson | last post by:
Hi, I am creating a table of values. One column is the addition of the other 2 columns.Both columns are floating point, and may be any value 0-100 For some values we find that we get a good output...
1
by: chr.aleksander | last post by:
Hey, I need a solution to two problems: #1 I use a three column layout, where the right and left columns are 150px wide and floated. The center column is not floated, with margins 150px on each...
31
by: Martin Clark | last post by:
Hello, I am daring to stick my head above the parapet and ask as question. I am working on redesigning a website to use CSS rather than tables for layout. I have come across a problem when trying...
2
by: adventurer | last post by:
Hello everyone, I am not totaly new to CSS, but I am new to understanding all that css2 has to offer. I am curious about the float and how it works if anyone knows. If I make a div container, and...
15
by: Mukesh_Singh_Nick | last post by:
Why does floating point have a rounding error? How to work around it? For example, the following: flaot f = 1234.12345678F; printf("%2f\n", f) //prints 1234.123413 and
2
by: Kurt Jakobsen | last post by:
Hello, I have a problem getting 'Order By' to work properly on calculated results producing floating point value in MySql. Ordering by single columns seems to work ok (like 'ORDER BY t2.Col4' in...
5
by: Adam Smith | last post by:
Hello, Several of the newer, more professional web sites are using a newspaper columnar layout, with text and links discretely contained in rectangular boxes (square or rounded), frequently with...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.