Hallo Freunde,
ich habe ein kleines Problem, bei dem ich hoffe, dass ihr mir helfen könnt. Ich bin nicht so der CSS Crack und vielleicht ist mein problem gar nicht so schwierig. Folgendes:
Ich habe ein linkes DIV das den Wert float:left hat so das ein zweites DIV ebenfalls float:left rechts davon angezeigt wird. Schön und gut was ich gerne hätte ist, dass ich wenn ich das Fenster größer bzw. kleiner mache, der Inhalt aus dem ersten DIV (Text) skaliert und das rechte DIV dabei an gleicher Stelle eben rechts vom ersten DIV bleibt. Das klappt aber nicht, denn wenn ich den Browser vergrößer ist das DIV richtigerweise rechts, verkleiner ich aber das Fenster schiebt sich das DIv unter das linke. Ich hätte aber eben gerne, dass es eben rechts neben den ersten Div bleibt und den linken Div verkleinert und damit den Inhalt skaliert, sobald ich das Fenster vergrößer/verkleiner.
Der Code sieht so aus:
Sobald ich Positionsangaben mache geht der Floatwert nicht mehr richtig. Wenn ich absolute angebe dann macht der Iex das was ich möchte, aber der Firefox spielt nicht mit. Schade hätte ja gehen können
Ich denke das diese Skaliervariante mit Float nicht klappt, aber soweit reichen meine Kenntnisse dann doch nicht.
Na ja vielleicht hat Jemand eine Lösung von euch dafür.
Danke schonmal für eure Anregungen.
ich habe ein kleines Problem, bei dem ich hoffe, dass ihr mir helfen könnt. Ich bin nicht so der CSS Crack und vielleicht ist mein problem gar nicht so schwierig. Folgendes:
Ich habe ein linkes DIV das den Wert float:left hat so das ein zweites DIV ebenfalls float:left rechts davon angezeigt wird. Schön und gut was ich gerne hätte ist, dass ich wenn ich das Fenster größer bzw. kleiner mache, der Inhalt aus dem ersten DIV (Text) skaliert und das rechte DIV dabei an gleicher Stelle eben rechts vom ersten DIV bleibt. Das klappt aber nicht, denn wenn ich den Browser vergrößer ist das DIV richtigerweise rechts, verkleiner ich aber das Fenster schiebt sich das DIv unter das linke. Ich hätte aber eben gerne, dass es eben rechts neben den ersten Div bleibt und den linken Div verkleinert und damit den Inhalt skaliert, sobald ich das Fenster vergrößer/verkleiner.
Der Code sieht so aus:
HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
<!--
#tab1 {
float: left;
}
#tab2 {
float: left;
width: 200px;
height: 80px;
}
-->
</style>
</head>
<body>
<h2>Test</h2>
<div><HR color="#E6E6E6" SIZE=1></div>
<div id="tab1">
Längerer Text, der skaliert werden soll:</div>
<div id="tab2"><strong>
Dieses DIV soll gleich bleiben und bei vergrößern/verkleinern das andere div skalieren.</strong></div>
</body>
</html>Sobald ich Positionsangaben mache geht der Floatwert nicht mehr richtig. Wenn ich absolute angebe dann macht der Iex das was ich möchte, aber der Firefox spielt nicht mit. Schade hätte ja gehen können
Ich denke das diese Skaliervariante mit Float nicht klappt, aber soweit reichen meine Kenntnisse dann doch nicht.
Na ja vielleicht hat Jemand eine Lösung von euch dafür.
Danke schonmal für eure Anregungen.
