Hallo, ich habe auf unserer Startseite einen Text und links daneben ein Bild. Auf dem Desktop wird das auch so angezeigt wie es soll, aber bei der mobilen Ansicht wird es fehlerhaft dargestellt. ((Link nur für registrierte Nutzer sichtbar.)) Die HTML-Codes dafür habe ich mir zusammen gegooglet. Vermutlich liegt da auch das Problem. Ich habe mir auch dieses Tutorial angeschaut: (Link nur für registrierte Nutzer sichtbar.), allerdings habe ich es mit den Tipps auch nicht so richtig hinbekommen. Momentan sieht das alles so aus: <h1 style="text-align: center;"><span style="font-size:26px;">Herzlich willkommen bei GooWaCo - The Good Water Company</span></h1> <h1 style="text-align: center;"><span style="font-size:22px;">Ihr Online-Shop für Produkte rund um Wasserbehandlung, Wasserkonservierung und Wasseranalyse.</span></h1> <div style="float: left; width:450px; height: 268px; padding-left: 20px;"> <a href="(Link nur für registrierte Nutzer sichtbar.)" target="_blank"><img alt="Fresh Air für Luftbefeuchter" class="img-responsive" src="images/Fresh Air04.jpg" style="width: 400px; height: 268px;" title="" /></a> </div> <div style="margin-left: 120px; height: 50px; padding-left: 50px;"> <p style="text-align: justify;"> Wasser ist essenziel für das Leben auf diesem Planeten. Sauberes Wasser für den menschlichen Gebrauch<br /> erhält die Gesundheit und verhindert Erkrankungen. In vielen Regionen dieser Welt hängt das menschliche Leben vom Zugang zu sauberem Wasser ab. Aber auch in den reicheren Regionen werden Krankheitserreger (wie z. B. Legionellen, E Coli und Pseudomonaden) durch das Wasser übertragen und lösen Krankheiten aus.<br /> <br /> Trinkwasser wird aufwendig aufbereitet, um dann jedoch während Transport und Aufbewahrung wieder zu verkeimen. Wir alle kennen verschmutzte Wasserfilter, Ablagerungen in Wassertanks, in Vorratsbehältern von Kaffeemaschinen oder Luftbefeuchtern. Neben Kalk sind das Mikroorganismen wie Bakterien und Pilze, die die Oberflächen besiedeln und so in Ihr Wasser gelangen, welches Sie trinken oder als Aerosol einatmen.<br /> <br /> Oder denken Sie an stehendes Wasser in Regenwassertanks oder Swimming Pools. Rund um das Thema<br /> "Erhalt der Wasserqualität" für den menschlichen Gebrauch bieten wir Produkte an, die auf der antbakteriellen<br /> Wirkung von Silber fußen. </p> </div> Vielen Dank schon mal für eure Tipps. Viele Grüße
Du hast in den einzelnen Elementen feste Größen für die Breite und Höhe, das ist dann nicht mehr Responsive. Beispiel: Das Bild hat bei Dir die Klasse "img-responsive", was auch richtig ist. Leider gibst Du aber auch gleichzeitig einen Style mit "width: 400px; height: 268px;" an, was die Klasse wieder ausser Kraft setzt und das Bild in einer festen Größe ausgibt. Bei den "div" Containern für die Texte sieht es nicht viel anders aus.
das o.g. Tutorials ist aber der einzig sinnvolle Weg. hier mal ein Beispiel... Code: <div class="row"> <div class="col-xs-12 ol-sm-4">[...]</div> <div class="col-xs-12 ol-sm-8">[...]</div> </div> das sollte so passen