Ergebnis 1 bis 5 von 5

Thema: Layout auf mobile Geräte anpassen

  1. #1
    HTML Newbie
    Registriert seit
    18.04.2015
    Ort
    München
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Layout auf mobile Geräte anpassen

    Servus an alle,

    ich habe eine Problem mit der Darstellung meiner Ressourcen.

    auf www.lbnswerk.de könnt ihr mein Layout begutachten.

    Auf dem Ipad sieht der Spaß leider so aus:

    IMG_7641.jpg


    Kurz zu meiner Struktur:

    <div class=productLineStandart> div über eine Gesamte Zeile. Wird genutzt um Inhalte mit margin-left margin-right zu zentrieren
    <div class=rightProduct> rechtes Bild und Bildtext
    <img />
    <div class=productText>
    <div class=text>

    </div>
    </div>
    </div>


    <div class=leftProduct> linkes Bild und Bildtext
    <img />
    <div class=productText>
    <div class=text>

    </div>
    </div>
    </div>
    </div>

    Ich habe ein Problem mit der prozentualen Festlegung meiner Höhen und Breiten Parameter.
    Mein Bild soll Quadratisch sein, daher dachte ich ich kann die Breite meines Bilder prozentual festlegen, dadurch wird die höhe "auto" matisch festgelegt ( Bild liegt auch quadratisch vor).

    Diese Höhe soll nun auch mein Div Element erhalten welches die Ressourcen enthält ( hier also
    leftProduct und rightProduct) und natürlich auch mein komplettes Div Element ( hier productlineStandart ).

    Und wie funktioniert das mit der Breite? Je nachdem wie groß mein Bild ausfällt möchte ich den Produkttext in Höhe und Breite anpassen, zudem soll er in dem div ( hier also leftProduct und rightProduct) rechts anliegen und wie auf lbnswerk.de zu sehen einen kleinen Spalt aufweisen.


    Hoffe das ist einigermaßen verständlich.

    Danke schonmal!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: Layout auf mobile Geräte anpassen

    Du hast noch ein anderes Problem, siehe: http://validator.w3.org/check?verbos...lbnswerk.de%2F

  3. #3
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    569
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: Layout auf mobile Geräte anpassen

    Hallo,

    mit ein paar Änderungen ist es leider nicht getan.

    Der HTML-Quellcode ist (um erst gar keine Unklarheiten aufkommen zu lassen) Schrott. Und zwar nicht nur, weil das bereits seit über 8 Jahren veraltete und begrabene XHTML benutzt wird, sondern die Struktur. Sowas war zu keinem Zeitpunkt sinnvolles oder zulässiges HTML.

    Der HTML-Quellcode muss komplett neu und nach den Vorgaben von HTML5 und CSS3 aufgebaut werden, alles andere führt nur von einem Problem zu nächsten. Dann kann die Seite auch problemlos responsive gestaltet werden, so dass sie sich sinnvoll den unterschiedlichen Fensterbreiten anpasst.

    Das zerschossene Layout entsteht ja nicht nur auf Smartphones, sondern bereits wenn auf einem großen Bildschirm das Fenster schmaler gezogen wird - ist das nie aufgefallen? Oder mit der faulen Standardausrede abgetan worden, das die Besucher in der Mehrzahl große Bildschirme benutzen und ihren Browser im Vollbild betreiben?

    Der Text muss in geeignete Elemente gepackt werden um darauf zugreifen zu können. Dafür sollten ungefähr 2/3 der div-Container ersatzlos entsorgt werden, sowie die meisten anderen durch geeignetere ersetzt werden.

    Danach kann mit CSS den Besuchern ein Angebot gemacht werden, wie die Seite angenehm zu nutzen ist.

    Gruss

    MrMurphy

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Layout auf mobile Geräte anpassen

    Der HTML-Quellcode muss komplett neu und nach den Vorgaben von HTML5 und CSS3 aufgebaut werden, alles andere führt nur von einem Problem zu nächsten.
    sorry, aber so einen unnsinn hab ich selten gesehen.
    ich kann sebst mit html 4 noch gute ergebnisse erzielen und sogar responsive coden. das hat nix mit html zu tun, da css fürs layouten zuständig ist und html den container liefert.
    und man MUSS überhaupt nicht mit html5 und css3 werken. win7 wird mit dem ie8 ausgeleifert und solange der noch im rennen ist, kann man nicht von "müssen" reden.

    html5 und css3 sind vom w3c noch nichtmal verabschiedet worden als offziell gültige standards. dass der scheiss schon funktioniert hat man allein den browser-herstellern zu verdanken, die sich frühzeitig auf ein frisches pferd gesetzt haben.

    klar is der code hier nicht das optimum, sonst würd er ja passable ergebnisse erzielen. aber liquid layouts gabs schon vor responsive design und media queries.
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Layout auf mobile Geräte anpassen

    Klarer Fall für Grundlagen lernen.

Ähnliche Themen

  1. Eigenes Ebay Layout CSS anpassen
    Von scouti im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 06.02.2015, 13:16
  2. Anpassung für mobile Geräte - help?
    Von CallMeGates im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 11.11.2013, 10:58
  3. Navigation für mobile geräte
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 31.01.2013, 10:40
  4. Antworten: 3
    Letzter Beitrag: 04.12.2012, 01:28
  5. Layout für MySpace anpassen
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 24.06.2010, 07:47

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •