Bastelstunde: Zwei Elemente nebeneinander und resize

Beitrag lesen

SELF-Forum

Zwei Elemente nebeneinander und resize

Bastelstunde
−2 Informationen zu den Bewertungsregeln

Es geht Beides!

Die Frage ist, was Du letztlich machen willst.

Wenn ich mich recht entsinne, müsste es in etwa so aussehen, wenn man nicht mit der Kirche ums Dorf will. Der Trick besteht darin, jedem Element die 100% Breite zuzuordnen. Die verteilt sich je nach Verhältnis der Teilmengen anteilig. Aber, im Gegensatz zur eigentlich logischen 50/50 Herangehensweise bleibt der Mechanismus nicht bei 50% stehen, sondern zieht auf bis zu 100%.

Als Trigger habe ich hier mal einen hover verbaut, sprich wenn Du mit dem Mauszeiger auf box1 kommst, reduziert sich box1 auf 33% (1/3) und box2 pustet sich auf 67% (2/3) auf.

Natürlich kann man das auch mit dem modernen "Grid" machen, statt mit der klassischen Tabelle.

Viel Erfolg!


<html>
   <head>
      <style>
         table, td, box1, box2 { width:100%; }
         box1:hover            { width:33%;  }
      </style>
   </head>
<body>

<table>
   <tr>
      <td>
         <nobr>
            <div name="box1">Inhalt Box 1</div>
            <div name="box2">Inhalt Box 2</div>
         </nobr>
      </td>
   </tr>
</table>

</body>
</html>
Beitrag melden
−2
Informationen zu den Bewertungsregeln