nicht angemeldet
2 Spalten-Layout mit automatischer Breite
Hallo ihr,
ist es möglich nur mit CSS ein 2-Spaltenlayout zu erzeugen, wo in der linken spalte ein Bild drin ist und in der rechten Spalte Text, und es soll sich so verhalten, dass das Bild irgendeine Größe hat (verändert sich je nach Unterseite) und die Textspalte so breit werden soll wie er kann, begrenzt durch die Fensterbreite und die breite der Spalte des Bildes?
Ich hoffe den Spagettisatz kann man verstehen XD.
Danke auf jeden Fall schon mal im Vorraus.
Grüße
Lukas
-
Hi,
ist es möglich nur mit CSS ein 2-Spaltenlayout zu erzeugen, wo in der linken spalte ein Bild drin ist und in der rechten Spalte Text, und es soll sich so verhalten, dass das Bild irgendeine Größe hat (verändert sich je nach Unterseite) und die Textspalte so breit werden soll wie er kann, begrenzt durch die Fensterbreite und die breite der Spalte des Bildes?
Ja.
Ich hoffe den Spagettisatz kann man verstehen XD.
Ich hoffe, die Antwort hat die Würze, die du dir erwartet hast.
MfG ChrisB
--
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]-
Hoi!
Ich hoffe den Spagettisatz kann man verstehen XD.
Ich hoffe, die Antwort hat die Würze, die du dir erwartet hast.
Ich fuerchte Deine Antwort ist nur der Parmesan zur erwarteten, aber nicht servierten Sosse.
--
Ich bin dafuer verantwortlich was ich sage, nicht dafuer, was Du verstehst. -
Ja öh, danke
Hi,
ist es möglich nur mit CSS ein 2-Spaltenlayout zu erzeugen, wo in der linken spalte ein Bild drin ist und in der rechten Spalte Text, und es soll sich so verhalten, dass das Bild irgendeine Größe hat (verändert sich je nach Unterseite) und die Textspalte so breit werden soll wie er kann, begrenzt durch die Fensterbreite und die breite der Spalte des Bildes?
Ja.
Ich hoffe den Spagettisatz kann man verstehen XD.
Ich hoffe, die Antwort hat die Würze, die du dir erwartet hast.
MfG ChrisB
-
-
hi,
man kann und sogar sehr einfach.
<div class="entry">
<div>
-
hi,
man kann und sogar sehr einfach.
<div class="entry">
<div class="image"><img src="image.jpg" /></div>
<div class="text">some text</div>
<div class="clear"></div>
<div>.image{
float:left;
}
.text{
overflow:hidden;
zoom:1; /* for IE6 */
}LG
-
Sorry ich hatten den entscheidenden Satz vergessen. Der Text soll nicht, wenn er länger ist als das Bild, unter das Bild fließen. Aber ich möchte dem Text auch kein margin-left geben (Bild ist links vom Text) weil das Bild je nach Seite unterschiedlich groß sein kann und ich da mit keinen festen Werte n arbeiten möchte.
hi,
man kann und sogar sehr einfach.
<div class="entry">
<div class="image"><img src="image.jpg" /></div>
<div class="text">some text</div>
<div class="clear"></div>
<div>.image{
float:left;
}
.text{
overflow:hidden;
zoom:1; /* for IE6 */
}LG
-
hei,
der text fielst nicht da um das bild, das overflow : hidden erlaubt es nicht !!
LG
-
Ah ja! Danke!
hei,
der text fielst nicht da um das bild, das overflow : hidden erlaubt es nicht !!
LG
-
-
-
-