zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Darstellungsfehler auf iPhone

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.11.2012, 00:33
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard Darstellungsfehler auf iPhone

Hallo,

ich habe auf einigkeit-autenzell-rettenbach.org einen seltsamen Darstellungsfehler auf dem iPhone und seltsamerweise auch nur dort, der Inhaltsbereich wird einfach nicht angezeigt. Ich habe schon so ziemlich alles verändert, aber man sieht hartnäckig nichts. Was könnte das sein?

Beste Grüße

Gerhard
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.11.2012, 00:51
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Hi Gerhard,

interessanter Fehler. Der Fehler tritt auch auf meinem normalen PC auf. Wenn ich das Fenster zu klein skaliere.
Entferne mal vom Element mit der ID #willkommen die Klasse block. (das overflow: hidden machts kaputt aber ganz genau kann ich es gerade nicht erklären)
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.11.2012, 01:01
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Hm, danke für den Hinweis, dann kann man es zumindest schöner testen. Der ganze Bereich hüpft scheinbar ein Stück nach oben, sieht man klar, wenn man overflow: show statt hidden setzt. Aber woher kommt's?
Mit Zitat antworten
  #4 (permalink)  
Alt 05.11.2012, 01:24
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von Geronimo Beitrag anzeigen
Hm, danke für den Hinweis, dann kann man es zumindest schöner testen. Der ganze Bereich hüpft scheinbar ein Stück nach oben, sieht man klar, wenn man overflow: show statt hidden setzt. Aber woher kommt's?
Das es nach oben springt, liegt am merkwürdig gebauten Header. Am besten baust du mal ein Clear dort ein und positionierst die Navigation nicht absolut.

Das es soweit kommt liegt an den Media Queries (jkommt durch ein Contao CSS) wodurch Header und Footer eine height: auto; bekommen.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #5 (permalink)  
Alt 05.11.2012, 01:28
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Hm, ja, auf die Navigation habe ich das auch schon eingegrenzt, nur wie kriege ich die jetzt wieder auf Abstand zum Logo? margin-top hat überhaupt keine Auswirkung. position: relative sorgt für ähnliche Probleme.
Mit Zitat antworten
  #6 (permalink)  
Alt 05.11.2012, 01:38
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Benutz ein anständiges clear für den Bereich vom Logo (der hat nämlich keine Höhe!), dann kann man dort auch ein margin-bottom anwenden.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #7 (permalink)  
Alt 05.11.2012, 02:13
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Hm, ich hab dem #logo jetzt overflow:hidden verpasst, das sollte doch passen, oder? Jetzt hüpft der Inhalt beim Verkleinern allerdings immer noch ein Stück nach unten. Hm, aber der Abstand ist's nicht...
Mit Zitat antworten
  #8 (permalink)  
Alt 05.11.2012, 02:24
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von Geronimo Beitrag anzeigen
Hm, ich hab dem #logo jetzt overflow:hidden verpasst, das sollte doch passen, oder? Jetzt hüpft der Inhalt beim Verkleinern allerdings immer noch ein Stück nach unten. Hm, aber der Abstand ist's nicht...
Benutzt du Firebug? Wenn nicht, solltest du das ab jetzt tun
Problem ist weiterhin das Media Query CSS.

Da die von dir festgelegte Höhe für Header nicht hoch genug ist, sieht es so aus, wie bisher. Wenn du aber zu klein skalierst, wird der header durch das neue CSS auf height: auto gesetzt.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #9 (permalink)  
Alt 08.11.2012, 23:37
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Ich hab jetzt mal auf die Frameworks verzichtet und das selbst umgesetzt, nur ist jetzt die rechte Spalte zu weit rechts, da habe ich wohl noch etwas übersehen... Nur was?
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 09.11.2012, 00:33
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 20.08.2006
Beiträge: 147
efwe befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Geronimo Beitrag anzeigen
Nur was?
Code:
#main {
    width: 100%;
}
gruss
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
type="file" bei iphone/ ipad - file upload BoFiaZ (X)HTML 2 04.10.2012 20:22
iphone zeigt box-shadow bei input feld nicht an Scolex CSS 3 30.05.2012 17:32
Weiche für iPhone und co. + richtig testen? Tony-S CSS 2 09.01.2012 21:11
css speziell für iphone Sand10 CSS 11 27.09.2011 16:51
css und iphone Textgröße stefanovic CSS 3 11.02.2010 00:10


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:03 Uhr.