divs mit Prozentangaben

Sieh mal hier unter den "Liquid-Beispielen":
http://blog.html.it/layoutgala/

Div's nebeneinander am besten mit float-Angaben; clearen nicht vergessen
http://www.css4you.de/float.html
http://css-technik.de/css-examples/219_9/
 

Hm, ja die Seiten hatte ich schon gefunden. Ich hoffte es gäbe eine Seite die sich mehr in die Prozentangaben vertieft. Trotzdem danke.

Mein nächstes Anliegen
ich habe 2 vertikale Linien, die Linke ist von links positioniert, die Rechte von rechts ... dazwischen soll eine horizontale Linie liegen, deren Breite sich automatisch durch den linken und rechten Abstand ergeben soll (kapiert das einer? )

Irgendwie klappt mir das mit width: auto nicht, wenn ich links und rechts ´nen Abstand angebe (die sind unterschiedlich und nach oben muss ich ja auch ´nen bestimmten Abstand einhalten) ... warum geht das nicht?

Wie bestimme ich z.B. schlechthin ´ne flexible Breite mit einem Rechts- und Linksabstand?

Ehrlich gesagt, hab ich das nicht so ganz verstanden.
Eine vertikale Linie an sich gibt's ja in HTML nicht.
Du könntest das so lösen (falls das dein Problem war), dass du einen div definierst in dem border-left und border-right die beiden Vertkallinien darstellen und sich die Horizontallinie über den background ergibt.
Oder du müsstest mit absoluten Positionierungen arbeiten, was aber wohl nicht im Sinne deines flexiblen Layouts wäre.

Ja klar habe ich die Linien mangels vertikaler Linie mittels divs dargestellt.
Das mit dem Border ist mir auch schon in den Sinn gekommen ... nur dass die linke vertikale Linie nach oben gehen muss und die rechte nach unten von der horizontalen Linie aus ... so´n Mist ... ist nicht auf meinem Mist gewachsen
Also müsste ich´s vielleicht mit 2 divs untereinander probieren... bleibt nur das Problemchen mit der Breite.
Weil ab einer bestimmten Auflösung theoretisch eine Lücke zwischen den divs ist ... wenn das obere links positioniert ist und das untere rechts.

Danke für Deine Hilfe.

Wie wär's denn damit?

Hm, danke für Deine Mühe ... sieht irgendwie anders aus als es sollte.

Manchmal sollte man nochmal ´ne Nacht drüber schlafen,ich habe die die Lösung!!!
Für die dies interessiert:

*#1.vertikale Linie
{
height: 18px;
width: 2px;
left: 556px;
top: 133px;
background-color: rgb(51, 51, 102);
font-size: 0em;
position: absolute;
}

*#div für die horizontale Linie
{
  width: auto;
  left: 556px;
  position: absolute;
  height: 14px;
  top: 142px;
  right: 109.5px;
}

*#hr
{
  height: 2px;
  width: 100%;
  color: rgb(51, 51, 102);
  background-color: rgb(51, 51, 102);
}

*#2.vertikale Linie
{
  height: 18px;
  width: 2px;
  right: 108.5px;
  top: 151px;
  background-color: rgb(51, 51, 102);
  font-size: 0em;
  position: absolute;
}