Ergebnis 1 bis 8 von 8

Thema: Div-Box wird in Firefox abgeschnitten und Scrollen funktioniert nicht richtig

  1. #1
    Teeny
    Registriert seit
    29.03.2008
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Div-Box wird in Firefox abgeschnitten und Scrollen funktioniert nicht richtig

    Hallo,

    ich habe im WWW leider noch nichts brauchbares gefunden, deswegen dachte ich mir, dass ich einfach mal hier nachfrage:

    Ich bastele zur Zeit an einer Homepage und habe folgendes Problem:
    Wenn ich die Seite mit Firefox ansehe, wird die Tabellenzeile meines Contents nicht vollständig dargestellt und das Scrollen in der Div-Box "hängt" irgendwie.
    Im IE und in Chrome klappt das Scrollen perfekt.
    In Safari klappt es leider auch nicht mit dem Scrollrad, aber man kann die Scrollbar mit der Maus herumziehen und es wird alles richtig dargestellt.

    Also eigentlich macht nur Firefox Probleme.

    Hier kann man sich die Seite ansehen:
    http://svenjainmexiko.ohost.de/noviembre.php

    Und hier ist mein Code des Designs:
    Code:
    <html>
    
    <head>
    <title>México III - Svenjas Blog</title>
    <link rel="shortcut icon" type="image/x-icon" href="http://svenjainmexiko.ohost.de/blog/favicon.ico">
    
    
    <style type="text/css">
    a
    {
        color: #df412a;
        text-decoration: none; 
        text-underline: none;
    }
    </style>
    
    
    </head>
    
    
    <body bgcolor="#000000">
    <table width=100% height=100% border="0">
    <tr>
    <td width=200px height=20%>
    </td>
    <td width=* rowspan="2" style="background-image:url(http://www.oyla6.de/userdaten/258/20378/bilder/atardecer_bg.jpg); border-radius: 20px;">
    <div style="width: 98%; height: 97%;
    overflow: auto;
    padding-left: 15px;">
    <font face="Georgia, Tahoma, arial", size="3">
    <!--  Hier wird der Content eingebunden -->
    
    
    </font>
    </div>
    </td>
    
    
    </tr>
    <tr>
    <td width="155" valign="top">
    <a href="blog.php"><img src="http://www.oyla6.de/userdaten/258/20378/bilder/atardecer_blog.png" border="0"></a>
    
    
    <div style="padding-right: 30px;" align=right>
    <font color="#df412a" face="georgia, tahoma, arial" size="4">
    <a href="noviembre.php">noviembre</a><br>
    <a href="diciembre.php">diciembre</a><br>
    <a href="enero.php">enero</a><br>
    <a href="febrero.php">febrero</a><br>
    <a href="marzo.php">marzo</a><br>
    <a href="abril.php">abril</a><br>
    </font>
    </div>
    
    
    <br>
    <a href="galerie.php"><img src="http://www.oyla6.de/userdaten/258/20378/bilder/atardecer_galerie.png" border="0"></a>
    <br><br>
    <a href="gaestebuch.php"><img src="http://www.oyla6.de/userdaten/258/20378/bilder/atardecer_gaestebuch.png" border="0"></a>
    </td>
    
    
    </table>
    
    
    
    
    
    
    </body>
    
    
    </html>
    Dass es an irgendeinem eingebundenen PHP-Code liegt, kann ja wohl nicht sein, oder?

    Hat jemand 'ne Idee?
    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 !!!!!
    Geändert von showtime (29.10.2012 um 01:09 Uhr)

  2. #2
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Div-Box wird in Firefox abgeschnitten und Scrollen funktioniert nicht richtig

    Dein HTML-Code ist auch mehr als fragwürdig:
    http://validator.w3.org/check?verbos...Fnoviembre.php

    Da Du keinen Doctype hast musst Du auf gut Glück versuchen die Seite "richtig" anzeigen zu lassen. Mit Doctype wäre es einfacher

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    29.03.2008
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Div-Box wird in Firefox abgeschnitten und Scrollen funktioniert nicht richtig

    Hab jetzt mal einen Doctype reingemacht (HTML 4.01 Transitional), aber das Ergebnis bleibt dasselbe.
    Vielleicht sollte ich einen anderen verwenden? Strict? Aber dann müsste ich wahrscheinlich erst noch ein paar Sachen überarbeiten, da dort ja nicht so viel akzeptiert wird, oder?


    Was den fragwürdigen Code angeht:
    Die ersten paar Probleme beziehen sich ja alle auf die Prozentangaben. Ist es denn nicht empfehlenswert, das Layout in Prozentwerten zu gestalten? Ich dachte mir dabei, dass es dann besser mit unterschiedlichen Auflösungen arbeitet als wenn ich absolute Pixel-Werte angebe.
    Geändert von showtime (29.10.2012 um 02:04 Uhr)

  4. #4
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    572
    Danke
    0
    Bekam 67 mal "Danke" in 65 Postings

    Standard AW: Div-Box wird in Firefox abgeschnitten und Scrollen funktioniert nicht richtig

    Hallo

    Vielleicht sollte ich einen anderen verwenden?
    Welchen der heutzutage 5 üblichen Doctypes du benutzt ist zur Zeit relativ egal. Hauptsache der Quelltext passt dazu und ist fehlerfrei. Der Validator ist nur die Grundlage, die Semantik muss auch stimmen.

    Zum erstellen neuer Seiten kann man aktuell eigentlich immer HTML5 mit CSS3 nehmen.

    Und man sollte die HTML-Elemente von Anfang an richtig anwenden. "br" z. B. ist für einen Zeilenumbruch gedacht, nicht um Abstände zu generieren. Die Abstände werden mit CSS erstellt.

    Ist es denn nicht empfehlenswert, das Layout in Prozentwerten zu gestalten?
    Der W3C-Validator zeigt Fehler auf, keine Empfehlungen. Wenn die Seite nicht wie gewünscht funktioniert sollten die Fehler, aber auch die Warnungen, erst mal komplett beseitigt werden.

    Ich dachte mir dabei, dass es dann besser mit unterschiedlichen Auflösungen arbeitet als wenn ich absolute Pixel-Werte angebe.
    Im Prinzip ja. Aber nicht einfach blind, sondern man sollte schon wissen, was man tut. Im Internet gibt es genügend HTML-Quelltextbeispiele, die man als Grundgerüst für seine eigene Seite verwenden kann. Meist sind in den Quelltextbeispielen auch gleich Korrekturen angewandt, die die Eigenheiten der gebräuchlichsten Browser berücksichtigen.

    Einfach alle Elemente flexibel zu machen funktioniert leider nicht. Und Tabellen als Layout-Element zu benutzen ist seit über 12 Jahren schlicht eine falsche Technik.

    Gruss

    MrMurphy
    Geändert von MrMurphy (29.10.2012 um 07:47 Uhr)

  5. #5
    Teeny
    Themenstarter

    Registriert seit
    29.03.2008
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Div-Box wird in Firefox abgeschnitten und Scrollen funktioniert nicht richtig

    Zitat Zitat von MrMurphy Beitrag anzeigen
    "br" z. B. ist für einen Zeilenumbruch gedacht, nicht um Abstände zu generieren. Die Abstände werden mit CSS erstellt.
    Okay, also werde ich wohl das Layout komplett mit CSS überarbeiten.
    Wenn im Content allerdings mehrere Absätze habe (z.B. nach jedem Blogeintrag), ist das schon okay, oder?


    Der W3C-Validator zeigt Fehler auf, keine Empfehlungen. Wenn die Seite nicht wie gewünscht funktioniert sollten die Fehler, aber auch die Warnungen, erst mal komplett beseitigt werden.
    Also ich habe jetzt eigentlich alle Fehler beseitigt (bis auf die Prozentwerte), außer diesen, den ich nicht so ganz verstehe:
    "NET-enabling start-tag requires SHORTTAG YES"


    Einfach alle Elemente flexibel zu machen funktioniert leider nicht. Und Tabellen als Layout-Element zu benutzen ist seit über 12 Jahren schlicht eine falsche Technik.
    Okay, noch ein Grund das Layout zu überarbeiten.


    Vielen Dank für die Tips
    Svenja

  6. #6
    Teeny
    Themenstarter

    Registriert seit
    29.03.2008
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Div-Box wird in Firefox abgeschnitten und Scrollen funktioniert nicht richtig

    Bin gerade dabei das Design in CSS zu überarbeiten (wovon ich noch nicht viel Ahnung habe).

    Ich habe ja im Prinzip 2 Boxen: Links die Navigation und rechts der Content. Die Navigation ist 200px breit und ich möchte, dass der Contentcontainer den Rest der Seite kriegt.
    Wenn ich einen absoluten Wert definiere, gibt es bei einer großen Auflösung einen Abstand zwischen den beiden Containern. Das ist zwar akzeptabel, aber ich finde es nicht so schön. Jedoch überschneiden sich die Container dann bei einer kleineren Auflösung und das ist wirklich nicht akzeptabel.

    Kann man das irgendwie lösen?


    _________________

    Edit:
    Habs geschafft - ich habe einfach noch "left:200px" hinzugefügt und die Breite weggelassen - und es funktioniert genauso wie ich es haben wollte!
    Geändert von showtime (30.10.2012 um 02:16 Uhr)

  7. #7
    Teeny
    Themenstarter

    Registriert seit
    29.03.2008
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Div-Box wird in Firefox abgeschnitten und Scrollen funktioniert nicht richtig

    Vielen Dank für eure Antworten, ich bin jetzt soweit, dass der Fehler nicht mehr auftaucht und Scrollen bei meinen getesteten Browsern funktioniert. (Hab jetzt eigentlich keine gestaltenden HTML-Elemente mehr im Design)

    Jedoch hätte ich noch eine Frage: Warum funktioniert das Scrollen am Smartphone nicht? (Android Standard Browser)
    Und wie kann ich die Scrollbar so verkleinern, dass sie nur den Bereich des Textes abdeckt? Also der Text ist ja nicht so groß wie die DIV-Box wegen padding - die Scrollbar aber schon! Das sieht nicht so schön aus.



    _________
    Edit:
    Konnte das mit der Scrollbar jetzt lösen (hab ein div im div erstellt)
    Bleibt nur noch das Problem mit der Smartphoneinkompatibilität.
    Geändert von showtime (30.10.2012 um 12:34 Uhr)

  8. #8
    Teeny
    Themenstarter

    Registriert seit
    29.03.2008
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Div-Box wird in Firefox abgeschnitten und Scrollen funktioniert nicht richtig

    - hat sich erledigt -
    Geändert von showtime (31.10.2012 um 10:24 Uhr)

Ähnliche Themen

  1. Antworten: 6
    Letzter Beitrag: 12.09.2009, 21:02
  2. Script wird im Firefox nicht richtig angezeigt
    Von Bad_Cat im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 18.12.2008, 15:54
  3. Antworten: 4
    Letzter Beitrag: 22.10.2008, 21:27
  4. PHP Gallery funktioniert nicht richtig
    Von sami im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 08.12.2006, 16:05
  5. Antworten: 9
    Letzter Beitrag: 28.07.2005, 23:43

Stichworte

Berechtigungen

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