[GELÖST] Android 4.2.2 / 4.1.2 Webbrowser halbiert DIV

Janl · 26. Oktober 2014 11:18

Ich habe eine Webseite die sich in 13 Kombinationen von OS/Browser normal zeigt.

Nur bei diese beide Versionen von Android und die eigene Internetbrowser halbiert er die Content-Div.
Testseite ist hier:
http://www.biebl.at/index-refsan.php

ist kein CMSMS aber es ist die erste mal dass ich so etwas begegne und weiss nicht wo ich suchen soll,
habe das Drahtrahmen nachgebaut
http://www.biebl.at/divtst.html
dann geht es gut.

Wo stehe ich auf dem (meinem) Draht?

MfG
Jan

Klenkes · 26. Oktober 2014 13:40

Auch mein ältestes Android zeigt den Fehler.

Was passiert wenn du dem DIV mit der ID #text ein width:100% gibst?

Janl · 26. Oktober 2014 13:51

Danke Klenkes,

Habe es gerade gemacht aber es bleibt unverändert.
Übrigens nutze ich selber Firefox oder Chrome auf Android.

[edit]
Eine Sache übersehen.
Ich mische HTML4 und XHTML das erst mal korrigieren.
Kriegt man wenn eine Kunde nach Jahren plötzlich neue Funktionalität will und man
die einfach kopiert, nicht klug . . .

MfG
Jan

Beitrag geändert von Janl (26. Oktober 2014 14:11)

mike-r · 26. Oktober 2014 20:43

Ich hab kein Android (haste da mal nen Screenshot?), aber würde Dir trotzdem empfehlen, die (Zwischen-)Überschriften semantisch korrekt als solche zu Kennzeichnen.
Ich würd nicht aussschliessen, dass solche Konstrukte:

Hier klicken, um den Code zum Kopieren zu markieren

<br>
<br>
Badezimmer - Biberhofer Reichenthal
<br>
<br>

Dein Problem (trotz formaler Korrektheit) verursachen oder begünstigen könnten.

Edit: Zusätzlich zu meiner Empfehlung glaube ich das wirkliche Problem gefunden zu haben:

Hier klicken, um den Code zum Kopieren zu markieren

    overflow: hidden;

(style.css Zeile 97) ist ein recht vielversprechender Kandidat.
Wenn Du das mal testweise rausnimmst (aufgrund von floats und margins entsteht ein neues Problem, was ich mir grad nicht genau raussuchen mag, wo DAS herkommt) und schaust ob es dann immer noch abgeschnitten ist?

Beitrag geändert von mike-r (26. Oktober 2014 20:49)

Janl · 26. Oktober 2014 22:11

Danke Mike-r

Das Problem steckt nicht in "Overflow" aber in der CSS, das Boxmodell habe ich nicht mehr wie es war oder sein soll.
Diese Seite ist einige Malen geändert, musste immer etwas dazu bis es dann nicht mehr ganz konstistent ist so wie mit HTML4 und XHTML.

Für jetzt habe ich es gelöst mit content{width:60%;}
Aber es muss mal von vorne bis hinten auf HTML5 und mit kontrollierten CSS.
Die Seite läuft seit 5 Jahren und weil jetzt eine jüngere Person sich damit befasst will man mehr, so wie Slider und Lightbox, die kommen dann sofort vorbereitet auf responsives Design.

Das "Konstrukt" zeigt dass es noch nicht "in Produktion" steht.

Das Boxmodel sollte dasselbe sein wie hier (CMSMS-Seite)
http://www.tierschutz-in.eu

MfG
Jan

mike-r · 26. Oktober 2014 22:31

Janl schrieb:

Für jetzt habe ich es gelöst mit content{width:60%;}

Das löst Dein Problem aber nur in Deinem Problembrowser.
In meinem Desktopbrowser bekomme ich nun genau das Problem, wie in meinem overflow-test. Schmutziger Workaround: Die oberste <HR> darf keine clear-klasse haben.

Das vernünftig (redundant fehlerunanfällig) zu machen benötigt ein paar mehr Schritte.

Janl · 27. Oktober 2014 00:16

Die Schritte sind für montag geplant.

[edit]
wenn man ein Div auf 100% setzt und padding in px aufgibt kommt man
über 100% . . . dann past es nicht mehr.
Es ist umgebaut. (Kunde will noch etwas mehr geändert)
Muss nochmal mit Nivo Slider experimentieren und IE 9, 8, (7 vielleicht)
da gibt es doch Sachen die, wie üblich bei IE, nicht gut funktionieren.

Dank Klenkes Idee bin ich drauf gekommen wie ich es in Ordnung bring.
[/edit]

mfg
Jan

Beitrag geändert von Janl (27. Oktober 2014 22:11)

Forum für CMS/made simple

#1 26. Oktober 2014 11:18

[GELÖST] Android 4.2.2 / 4.1.2 Webbrowser halbiert DIV

#2 26. Oktober 2014 13:40

Re: [GELÖST] Android 4.2.2 / 4.1.2 Webbrowser halbiert DIV

#3 26. Oktober 2014 13:51

Re: [GELÖST] Android 4.2.2 / 4.1.2 Webbrowser halbiert DIV

#4 26. Oktober 2014 20:43

Re: [GELÖST] Android 4.2.2 / 4.1.2 Webbrowser halbiert DIV

#5 26. Oktober 2014 22:11

Re: [GELÖST] Android 4.2.2 / 4.1.2 Webbrowser halbiert DIV

#6 26. Oktober 2014 22:31

Re: [GELÖST] Android 4.2.2 / 4.1.2 Webbrowser halbiert DIV

#7 27. Oktober 2014 00:16

Re: [GELÖST] Android 4.2.2 / 4.1.2 Webbrowser halbiert DIV

Fußzeile des Forums