wir versuchen grad eine Barrierefreie Internetseite zu erstellen und arbeiten mit <div> Blöcken. Diese sind in einem CSS definiert. In diesen <div> Blöcken haben wir textareas eingebettet. Wenn wir nun einen kurzen Text haben und ein Bild das so gesehen größer als der Text ist, dann rutscht das Bild aus dem <div> Block raus. Gut zu sehen hier: http://www.procuritas.de/bad-muenstereifel/freizeit.php
Nun haben wir in einem HTML Buch gesehen das es einen overflow Befehl gibt das man dem <div> Element sagen kann das Images entweder abgeschnitten werden, das sie rüber ragen oder das man in dem Element scrollen kann. Das haben wir auch ausprobiert aber das geht nicht. Egal was wir eingeben, das Bild rutscht immer raus. Unsere Vermutung war das die Textarea in der das Bild ist den overflow Befehl nicht durch lässt (was ich mir eigentlich nicht vorstellen kann weil alles andere funktioniert). Hier mal der Quellcode:
HTML:
Code: Alles auswählen
<div class="mittetexte">
<we:textarea name="content_news" height="150" width="100%" autobr="true" wysiwyg="true" inlineedit="false" buttonpos="top" bgcolor="#ffffff"/>
</div>
CSS:
Code: Alles auswählen
div.mittetexte {
overflow: scroll;
background: #ffffff;
padding: 8px;
border-width: 1;
border-color: #660000;
border-style: solid;
}
Mit freundlichen Grüßen
Heike Bennerscheid