Darstellungsproblem bei <div> (sonstige Sprachen, auch PHP)

[thread]19073[/thread]

Darstellungsproblem bei <div>

Tags: perl5 HTML Similar Threads

Readers: 13

Articles: hide open all | hide show old branches

+6 replies
Andreas

2014-05-06 09:06
User since
2003-09-24
111 articles
BenutzerIn
Hallo zusammen,
ich bin dabei über das "div" Element ein Diagramm dynamisch zu erstellen.
Während dessen fiel mir auf das ich die Höhe nicht unter 18px bringen kann (warum grade 18? keine Ahnung). Das heißt wenn ich die Höhe 1px angeben ist es trotzdem 18Pixel hoch.
Nun kommt das seltsame... kopiere ich den Quelltext den mein Script generiert und füge es in eine Offline HTML ein und öffne diese funktioniert es.
Ich habe das Script jetzt mal bis auf nötigste reduziert und immer noch der selbe Effekt.
Code: (dl )

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

#!/usr/bin/perl print "Content-type: text/html\n\n"; print '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">'; print "<HTML>"; print "<HEAD>"; print "<TITLE>"; print "Testinformationen"; print "</TITLE>"; print "</HEAD>"; print "<BODY>"; print '<div style="height:1px;background:red;width:50px;bottom:0px">'; print "</div>"; print "</BODY>"; print "</HTML>";
Kann mir jemand helfen??
Ich weiß mir keinen Rat.

Danke

Gruß
Andreas
- +3 replies
- bianca
  
  2014-05-06 09:46
  
  User since
  2009-09-13
  7016 articles
  BenutzerIn
  
  Hast du es mal mit line-height versucht?
  10 print "Hallo"
  20 goto 10
  - +2 replies
  - Andreas
    
    2014-05-06 10:00
    User since
    2003-09-24
    111 articles
    BenutzerIn
    
    Hallo Bianca,
    habe denke ich das Problem entdeckt.
    Bekommt der Browser etwas über CGI scheint er einen Standard- Schriftgrad anzunehmen. Das div kann nicht kleiner als dieser Schriftgrad sein.
    Setze ich jetzt im div die text-size auf 1px dann funktioniert die Höhenangabe
    
    Mache ich jetzt folgendes:
    
    Code: (dl )
    
    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
    
    #!/usr/bin/perl print "Content-type: text/html\n\n"; print '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">'; print "<HTML>"; print "<HEAD>"; print "<TITLE>"; print "Testinformationen"; print "</TITLE>"; print "</HEAD>"; print '<BODY>'; print "BLA BLA BLA<br>"; print "BLA BLA BLA<br>"; print "BLA BLA BLA<br>"; print "BLA BLA BLA<br>"; print "BLA BLA BLA<br>"; print '<div style="font-size:1px;height:1px;background:red;width:50px;bottom:0px">'; print "</div>"; print "BLA BLA BLA<br>"; print "BLA BLA BLA<br>"; print "BLA BLA BLA<br>"; print "BLA BLA BLA<br>"; print "BLA BLA BLA<br>"; print "BLA BLA BLA<br>"; print "</BODY>"; print "</HTML>";
    
    geht es.
    
    Wie kann ich diesen Standard Style umgehen? Wo kann ich den einsehen?
    
    Danke schon mal
    
    Gru´ß
    Andreas
    
    modedit Editiert von pq: code-tags hinzugefügt
    Last edited: 2014-05-06 11:28:43 +0200 (CEST)
    - GwenDragon
      
      2014-05-06 10:09
      
      User since
      2005-01-17
      14784 articles
      Admin1
      
      2014-05-06T08:00:53 Andreas
      habe denke ich das Problem entdeckt.
      Bekommt der Browser etwas über CGI scheint er einen Standard- Schriftgrad anzunehmen. Das div kann nicht kleiner als dieser Schriftgrad sein.
      Nein. Der Browser zeigt die Schriftgröße an, die im Browser als Standard eingestellt ist!
      
      Das Div kann sehr wohl kleiner sein. Wenn man weiß was ein Div ist. ;)
      Ein Div ist erst mal ein Container mit der Eigenschaft beinhaltete Elemente als Block (=display:block) fließen zu lassen.
      Weiteres zu Div auch hier http://www.mediaevent.de/xhtml/div.html
      Last edited: 2014-05-06 10:12:01 +0200 (CEST)
      die Drachin Gwen
      
      Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
- GwenDragon
  
  2014-05-06 10:05
  
  User since
  2005-01-17
  14784 articles
  Admin1
  
  Das ist aber kein Perl-problem sondern HTML bzw. CSS. ;)
  
  Du vergisst, dass bei deinem Markup overflow implicit gesetzt ist, wenn das Div wirklich nur 1px hoch sein soll, musst du noch overflow:hidden hinzufügen.
  Siehe auch http://www.mediaevent.de/css/visualeffects-overflo...
  Last edited: 2014-05-06 10:06:59 +0200 (CEST)
  die Drachin Gwen
  
  Meine Perl-Artikel · perldev – verschiedene Perl-Versionen unter Windows starten
- pq
  
  2014-05-06 11:29
  
  User since
  2003-08-04
  12208 articles
  Admin1
  
  Verschoben von Perl/CGI nach sonstige Sprachen, auch PHP
  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

View all threads created 2014-05-06 09:06.