Layout von Artikeln bei langem Code - Bitte um Tests (Perl-Community.de) - Perl-Community.de

Start · Board · Beiträge im Abseits · Perl-Community.de

2025-01-15 11:23:10
Europe/Berlin
Einloggen (Registrieren)
- Einstellungen
- Statistics
Jemand zu Hause?
0 Benutzer online

[thread]18167[/thread]

submit to reddit

Layout von Artikeln bei langem Code - Bitte um Tests

Tags: perl-community.de code Ähnliche Threads

Leser: 24

Articles: hide open all | hide show old branches

+23 replies
pq

2013-02-24 15:39

User since
2003-08-04
12208 Artikel
Admin1

Ich habe jetzt topegs Beispiel von damals genommen und auf der Basis das neue Layout gebastelt.

Bisher wird in den meisten Browsern bei langem Code nicht nur eine vertikale Scrollbar unter den Code gepackt, sondern auch unter das gesamte Fenster:
Test Code
(wenn man das browserfenster schmal genug macht)

ich habe den neuen code im testforum aktiviert:
http://battie.perl-community.de/bat/poard/thread/1...

könnt ihr mal mit verschiedenen browsern gucken, ob das so passt?

ein paar feinheiten sind noch zu machen. das "last edited" muss noch nach unten, die antworten-buttons sind aufeinandergeklebt und der rand um ein eingeklapptes posting zu dick.

edit: bitte ggfs. ein reload/shift reload, ich habe das css nochmal angepasst und die browser-switches deaktiviert.

edit 16:12 Uhr: nochmal das css gefixt, bitte reload
Last edited: 2013-02-24 16:12:16 +0100 (CET)
Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
- Linuxer
  
  2013-02-24 21:45
  
  User since
  2006-01-27
  3891 Artikel
  HausmeisterIn
  
  Schaut mir auf den ersten Blick gut aus.
  Getestet mit: Firefox 19.0 @ Linux, Opera 12.13.1734 @ Linux
  meine Beiträge: I.d.R. alle Angaben ohne Gewähr und auf Linux abgestimmt!
  Die Sprache heisst Perl, nicht PERL. - Bitte Crossposts als solche kenntlich machen!
- bianca
  
  2013-02-25 06:41
  
  User since
  2009-09-13
  7016 Artikel
  BenutzerIn
  
  Sieht im IE9/Win7 auch gut aus.
  Schön wäre, wenn man diesen zweiten Thread identisch auch hier im Live Testforum hätte für den direkten Vergleich. Kannst du den kopieren und hier insert'en?
  10 print "Hallo"
  20 goto 10
- +6 replies
- GwenDragon
  
  2013-02-25 09:26
  
  User since
  2005-01-17
  14784 Artikel
  Admin1
  
  Getestet auf Desktop:
  Opera 12 +
  Firefox 19 +
  Chrome 24 +
  IE 7 -- bei ein/zweizeiligem Code wird Code einzeilig, vernachlässigbar denke ich
  IE 8 +
  IE 9 +
  
  Auf Android:
  Opera Mobile 12 +
  Firefox Mobile 19 !!! Scrollbars fehlen, aber Inhalt scrollt mit Drag li/re
  Chrome Mobile !!! Scrollbars fehlen, aber Inhalt scrollt mit Drag li/re
  Android Browser !!! Scrollbars fehlen, aber Inhalt scrollt mit Drag li/re
  
  Ich versuch mal rauszubekommen warum Webkit da zickt.
  
  //EDIT:
  ~~Eine Wissenlücke? Ist wohl so bei Webkit gewollt, dass mit dem Finger statt Scrollleisten "gescrollt" wird. Habe mein Samsung S3 Cyberphone noch nicht lang.~~
  Oder doch ein Bug bei overflow?
  Ist wohl ein Android-Bug mit CSS + overflow :(
  
  //EDIT: Bei Mobil-Browsern Hinweis zu Android hinzugefügt; Hinweis zu overflow-Bug
  Last edited: 2013-02-25 10:23:19 +0100 (CET)
  die Drachin Gwen
  
  Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
  - +5 replies
  - pq
    
    2013-04-07 18:38
    
    User since
    2003-08-04
    12208 Artikel
    Admin1
    
    also hier auf opera mobile 12 auf android kommen leider auch keine inneren scrollbars, stattdessen wird die ganze seite breit, und man muss alles scrollen.
    
    hat jemand eine idee, wie man das auf solchen browsern lösen könnte?
    ich könnte beim mobile-view das css anpassen und eine feste breite vergeben. aber eigentlich sollte genau das ja durch die umstellung vermieden werden.
    Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
    lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
    - GwenDragon
      
      2013-04-08 10:58
      
      User since
      2005-01-17
      14784 Artikel
      Admin1
      
      Oh, ich habe das Mobile-Stylesheet nicht getestet.
      Ich weiß jetzt auch nicht, welches Element das Ganze es zu breit macht.
      
      Aber wenn du div.codebox { max-width:60em } oder so setzt, passt es wieder.
      die Drachin Gwen
      
      Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
    - +3 replies
    - pq
      
      2013-04-08 13:11
      
      User since
      2003-08-04
      12208 Artikel
      Admin1
      
      vielleicht hat auch topeg eine idee?
      sobald man im mobile view ist (auf das handy rechts oben klicken), wird die seite auch auf desktop-browsern so breit wie der breiteste code.
      Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
      lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
      - +2 replies
      - topeg
        
        2013-04-08 22:03
        
        User since
        2006-07-10
        2611 Artikel
        BenutzerIn
        
        Mal kurz in das HTML geschaut. Im Mobile-Modus befindet sich fast alles innerhalb einer Tabelle. Das das nicht funktioniert wissen wir ja schon. Da wirst du noch ein wenig am HTML ändern müssen.
        
        pq
        
        2013-04-08 22:37
        
        User since
        2003-08-04
        12208 Artikel
        Admin1
        
        ach da war auch noch ne tabelle... danke, werde ich dann mal schauen
        Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
        lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
- +2 replies
- GUIfreund
  
  2013-02-25 17:46
  
  User since
  2011-08-08
  559 Artikel
  BenutzerIn
  
  In meinem Test habe ich deinen zitiert und einen längeren Text darunter geschrieben.
  
  Mein Text wird umbrochen, daher keine zusätzliche Breite erforderlich. Wenn ich das Fenster schmaler mache, erscheint irgendwann ein Scrollbalken unter meiner Antwort. Mache ich es noch schmaler, erscheint irgendwann ein weiterer Scrollbalken unter dem Thread. Die Zeilennummern bleiben stets neben dem Kode.
  
  Hurra, herzlichen Glückwunsch und vielen Dank!
  Gruß
  GUIfreund
  - pq
    
    2013-02-26 18:16
    
    User since
    2003-08-04
    12208 Artikel
    Admin1
    
    2013-02-25T16:46:21 GUIfreund
    In meinem Test habe ich deinen zitiert und einen längeren Text darunter geschrieben.
    
    da ist aber tatsächlich ein anderer bug.
    du hast dich gewundert, warum du deinen beitrag nicht editieren kannst.
    das ist normal, weil das dein erster beitrag war und der noch nicht freigeschaltet ist. der eigentliche bug ist, dass der beitrag für alle angezeigt wird. es sollte eigentlich "noch nicht freigegeben" erscheinen.
    hab die stelle auch schon gefunden.
    Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
    lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
- +2 replies
- pq
  
  2013-02-26 18:18
  
  User since
  2003-08-04
  12208 Artikel
  Admin1
  
  ok danke, bei mir siehts in opera, ff und chrome auch gut aus.
  die feinheiten werde ich hoffentlich ende der woche noch schaffen.
  
  das mit android und den scrollbalken ist ja echt ärgerlich. ich benutz da immer opera mobile, daher ist es mir noch nie aufgefallen.
  Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
  lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
  - GwenDragon
    
    2013-02-27 08:09
    
    User since
    2005-01-17
    14784 Artikel
    Admin1
    
    2013-02-26T17:18:03 pq
    das mit android und den scrollbalken ist ja echt ärgerlich. ich benutz da immer opera mobile, daher ist es mir noch nie aufgefallen.
    Ja, ich bleibe da dran, rauszufinden was wir machen können.
    In Opera Mobile ist's derzeit richtig.
    Aber da Opera demnächst sowohl bei Mobil als auch Desktop auf Webkit umsteigt, werden wird auch dort den Scrollbalkenbug haben. :(
    die Drachin Gwen
    
    Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
- pq
  
  2013-03-23 18:10
  
  User since
  2003-08-04
  12208 Artikel
  Admin1
  
  ich habs jetzt live aktiviert. ggfs. ein shift+reload machen, um die css neu zu laden.
  ich sehe gerade, die signatur muss noch gemacht werden, und ein paar andere kleinigkeiten.
  Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
  lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
- +2 replies
- GwenDragon
  
  2013-03-23 21:16
  
  User since
  2005-01-17
  14784 Artikel
  Admin1
  
  Mit IE7 ist der einzeilige Code aus msg #124496 nicht sichtbar.
  
  //EDIT:
  IE6 ist eher unwichtig, weil nur der einzeilge Code verschoben, aber sichtbar.
  Ich schau Montag mal, was das ist beim CSS.
  Anhänge
  
  image/png
  777 x 324
  
  ie7-code.PNG
  
  Last edited: 2013-03-23 21:18:50 +0100 (CET)
  die Drachin Gwen
  
  Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
  - GUIfreund
    
    2013-03-24 13:01
    
    User since
    2011-08-08
    559 Artikel
    BenutzerIn
    
    Der Scrollbalken sitzt zu hoch und überdeckt dadurch die letzte Zeile. Deshalb sieht es auch beim mehrzeiligen Beispiel so aus, als hätte der Scrollbalken eine Zeilennr. Und wenn man's ganz genau nimmt: Diese Zeilennr. ist nach rechts gerutscht.
    
    Bei mir wird msg #124496 weiterhin richtig angezeigt (Win XP mit FF 19.0.2).
    
    Kleine Frage am Rande: Lohnt es sich, bei einzeiligem Kode die Zeilennr. wegzulassen?
    Gruß
    GUIfreund
- pq
  
  2013-03-24 17:04
  
  User since
  2003-08-04
  12208 Artikel
  Admin1
  
  ich hab ausserdem die navi an der linken seite und die forum-navi ein bisschen geändert, und endlich ein media print ins css eingefügt, so dass man den ganzen navi-krempel beim drucken nicth dabei hat.
  Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
  lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
- +6 replies
- bianca
  
  2013-04-08 18:45
  
  User since
  2009-09-13
  7016 Artikel
  BenutzerIn
  
  Habe soeben bei unveränderte Konfiguration meinerseits Win7 mit IE10 im Beitrag msg #166971 auch einen vertikalen Scrollbalken obwohl der an der Stelle früher nicht gewesen wäre, da ja schon ein übergreifender Scrollbalken da ist.
  Erscheint sogar, wenn ich den Beitrag mit diesem Link allein öffne.
  10 print "Hallo"
  20 goto 10
  - +3 replies
  - GwenDragon
    
    2013-04-08 19:02
    
    User since
    2005-01-17
    14784 Artikel
    Admin1
    
    Der IE 10 ist ein bisschen schusselig und kann nur bei Aktivierung der Kompatibilitänsansicht das korrekt darstellen.
    die Drachin Gwen
    
    Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
    - bianca
      
      2013-04-09 06:47
      
      User since
      2009-09-13
      7016 Artikel
      BenutzerIn
      
      2013-04-08T17:02:07 GwenDragon
      Der IE 10 ist ein bisschen schusselig und kann nur bei Aktivierung der Kompatibilitänsansicht das korrekt darstellen.
      
      Mag sein. Aber diese Situation sah ich gestern mit dem IE 10 - seit es ihn regulär im Update gab - hier im Forum zum ersten mal. Also ist an diesem Beitrag etwas besonderes oder die letzten Änderungen im Forum haben dazu geführt.
      10 print "Hallo"
      20 goto 10
    - pq
      
      2013-04-09 10:37
      
      User since
      2003-08-04
      12208 Artikel
      Admin1
      
      hast du eine idee, warum das so ist? wie müsste das CSS für IE10 aussehen?
      Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
      lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
  - +2 replies
  - pq
    
    2013-04-09 09:39
    
    User since
    2003-08-04
    12208 Artikel
    Admin1
    
    kannst du einen screenshot machen?
    Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live. -- Damian Conway in "Perl Best Practices"
    lesen: Wie frage ich & perlintro brian's Leitfaden für jedes Perl-Problem
    - bianca
      
      2013-04-09 09:50
      
      User since
      2009-09-13
      7016 Artikel
      BenutzerIn
      
      2013-04-09T07:39:57 pq
      kannst du einen screenshot machen?
      
      Klar
      Anhänge
      
      image/png
      1108 x 455
      
      perlforum_scrollbalken.png
      
      10 print "Hallo"
      20 goto 10

View all threads created 2013-02-24 15:39.