Ergebnis 1 bis 6 von 6

Thema: text wird im FF falsch dargestellt

  1. #1
    HTML Newbie
    Registriert seit
    22.06.2010
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard text wird im FF falsch dargestellt

    Hallo liebe Community,

    ich habe derzeit ein Problem mit der Text Darstellung im Firefox.

    Im Internet Explorer wird mein Text so dargestellt wie ich es auch definiert habe.
    Im Firefox hingegen wird er neben das Layout gedrückt, warum auch immer.
    Ich weiß leider keinen Rat und muss somit auf eure Hilfe hoffen!

    Ich Entwickel in asp.net, hab derzeit leider keinen lauffähigen Server wo ich mein Projekt hosten kann.
    Aus diesem Grund habe ich euch zwei Screenshot angehängt um mein Problem zu verdeutlichen.

    Selbstverständlich Poste ich den dazugehörigen Code auch.

    Ich hoffe auf Hilfe!

    Screenshots:
    http://www.the-futurex.de/bugs/scd_screen_IE.jpg
    http://www.the-futurex.de/bugs/scd_screen_FF.jpg

    HTML Code (Master Seite):
    Code:
    <%@ Master Language="VB" AutoEventWireup="false" CodeBehind="SVD_Masterside.Master.vb"
        Inherits="SVD.Site1" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Sportverein Dreieichenhain</title>
        <asp:ContentPlaceHolder ID="head" runat="server">
        </asp:ContentPlaceHolder>
        <link href="svd.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <!--Header Bar div anfang-->
        <div class="header">
            <div class="links">
            </div>
            <div class="puffer">
            </div>
            <div class="rechts">
            </div>
            <div class="clear">
            </div>
        </div>
        <!--Header Bar div ende-->
        <!--Header Logo/Banner div anfang-->
        <div class="header_logo">
            <div class="space_header_logo">
            </div>
            <div class="logo">
            </div>
            <div class="space_after_logo">
            </div>
            <div class="header_banner">
            </div>
            <div class="clear_header_logo">
            </div>
        </div>
        <!--Header Logo/Banner div ende-->
        <!--Navi Top div anfang-->
        <div class="navi_top">
            <div class="navi_left">
            </div>
            <div class="navi_top_puffer">
            </div>
            <div class="navi_top_right">
            </div>
            <div class="navi_button_puffer">
            </div>
            <div class="navi_button_right">
            </div>
        </div>
        <!--Navi Top div ende-->
        <!--content BG anfang-->
        <div class="contentsettings">
            <div class="contentbg">
                <!--navi left / content anfang-->
                <div class="navicontent">
                    <div class="space_left_navicontent">
                    </div>
                    <div class="navihead">
                    </div>
                    <table>
                        <tr>
                            <td width="30px">
                            </td>
                            <td>
                                <div class="contenttext">
                                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                                    </asp:ContentPlaceHolder>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <!--
                <br />
                <div class="space_left_loginpanel">
                </div>
                <div class="loginpanel">
                </div>-->
                <!--navi left / content ende-->
            </div>
            <div class="contentfooter">
            </div>
            <div class="clear_contentfooter">
            </div>
        </div>
        <!--content BG ende-->
        <!--footer div anfang-->
        <div class="header">
            <div class="linksfooter">
            </div>
            <div class="puffer">
            </div>
            <div class="rechtsfooter">
            </div>
            <div class="clear">
            </div>
        </div>
        <!--footer div ende-->
    </body>
    </html>
    CSS Code:
    Code:
    body
    {
        margin-top: 21px;
        background-image: url('./img/bg_puffer.jpg');
        background-repeat: repeat-x;
        height: 262px;
        width: 100%;
    }
    
    /* Header Bar Style anfang */
    
    .header
    {
        width: 1039px;
        margin: 0 auto;
    }
    
    .links
    {
        background-image: url('./img/header_footer_bar_left.jpg');
        background-repeat: no-repeat;
        height: 51px;
        width: 13px;
        float: left;
    }
    
    .linksfooter
    {
        background-image: url('./img/footer_bar_left.jpg');
        background-repeat: no-repeat;
        height: 51px;
        width: 13px;
        float: left;
    }
    
    .puffer
    {
        background-image: url('./img/header_footer_bar_puffer.jpg');
        height: 51px;
        width: 1013px;
        float: left;
    }
    
    .rechts
    {
        background-image: url('./img/header_footer_bar_right.jpg');
        background-repeat: no-repeat;
        height: 51px;
        width: 13px;
        float: left;
    }
    
    .rechtsfooter
    {
        background-image: url('./img/footer_bar_right.jpg');
        background-repeat: no-repeat;
        height: 51px;
        width: 13px;
        float: left;
    }
    
    .clear
    {
        clear: left;
        height: 8px;
    }
    
    /* Header Bar Style ende */
    
    
    /* Header Logo / Banner Style anfang */
    
    .header_logo
    {
        width: 1039px;
        margin: 0 auto;
    }
    
    .space_header_logo
    {
        background-image: url('./img/leer.gif');
        background-repeat: repeat-x;
        width: 37px;
        height: 37px;
        float: left;
    }
    
    .logo
    {
        background-image: url('./img/header_logo.jpg');
        background-repeat: no-repeat;
        width: 305px;
        height: 118px;
        float: left;
    }
    
    .space_after_logo
    {
        background-image: url('./img/leer.gif');
        background-repeat: repeat-x;
        width: 67px;
        height: 67px;
        float: left;
    }
    
    .header_banner
    {
        background-image: url('./img/header_headpic.jpg');
        background-repeat: no-repeat;
        width: 630px;
        height: 126px;
        float: left;
    }
    
    .clear_header_logo
    {
        clear: left;
        height: 4px;
    }
    
    /* Header Bar Style ende */
    
    
    /* Navi top Style anfang */
    
    .navi_top
    {
        width: 1039px;
        margin: 0 auto;
    }
    
    .navi_left
    {
        background-image: url('./img/navi_left.jpg');
        background-repeat: no-repeat;
        width: 233px;
        height: 65px;
        float: left;
    }
    
    /*Navi Top*/
    
    .navi_top_puffer
    {
        background-image: url('./img/navi_top_puffer.jpg');
        height: 36px;
        width: 794px;
        float: left;
    }
    
    .navi_top_right
    {
        background-image: url('./img/navi_top_right.jpg');
        background-repeat: no-repeat;
        width: 12px;
        height: 36px;
        float: left;
    }
    
    /* Navi top Style ende */
    
    /*Navi Button Style anfang*/
    
    .navi_button_puffer
    {
        background-image: url('./img/navi_button_puffer.jpg');
        height: 29px;
        width: 794px;
        float: left;
    }
    
    .navi_button_right
    {
        background-image: url('./img/navi_button_right.jpg');
        background-repeat: no-repeat;
        width: 12px;
        height: 29px;
        float: left;
    }
    
    /*Navi Button Style ende*/
    
    /*Content Style anfang*/
    
    .contentsettings
    {
        width: 1039px;
        margin: 0 auto;
    }
    
    .contentbg
    {
        background-image: url('./img/content_puffer.jpg');
        background-repeat: repeat-y;
        width: 1039px;
    }
    
    .contentfooter
    {
        background-image: url('./img/content_footer.jpg');
        background-repeat: no-repeat;
        width: 1039px;
        height: 65px;
    }
    
    .clear_contentfooter
    {
        clear: left;
        height: 11px;
    }
    
    
    /*Content Style ende*/
    
    /*Navi left / Content Style anfang*/
    
    .navicontent
    {
        width: 1039px;
        margin: 0 auto;
    }
    
    .space_left_navicontent
    {
        background-image: url('./img/leer.gif');
        background-repeat: repeat-x;
        width: 29px;
        height: 29px;
        float: left;
    }
    
    .navihead
    {
        background-image: url('./img/headnavi.jpg');
        background-repeat: no-repeat;
        width: 204px;
        height: 373px;
        float: left;
    }
    
    .space_after_navicontent
    {
        background-image: url('./img/leer.gif');
        background-repeat: repeat-x;
        width: 30px;
        height: 100%;
        float: left;
    }
    
    .contenttext
    {
        width: 700px;
    }
    
    
    /*Navi left / Content Style anfang*/
    
    /*Loginpanel anfang*/
    
    .space_left_loginpanel
    {
        background-image: url('./img/leer.gif');
        background-repeat: repeat-x;
        width: 29px;
        height: 29px;
        float: left;
    }
    
    .loginpanel
    {
        background-image: url('./img/login_panel.jpg');
        background-repeat: no-repeat;
        width: 204px;
        height: 135px;
        float: left;
    }
    
    /*Loginpanel ende*/
    HTML Code Unterseite (evtl. relevant):
    Code:
    <%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/SVD_Masterside.Master" CodeBehind="test.aspx.vb" Inherits="SVD.test" %>
    <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
          <div id="idTextPanel" class="jqDnR">
        <p style="font-family:
    Verdana,Geneva,sans-serif; font-style: normal; font-weight: normal;
    font-size: 10px; letter-spacing: normal; line-height: normal;
    text-transform: none; text-decoration: none; text-align: left;">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula
            eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
            montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque
            eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo,
            fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
            imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
            Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate
            eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
            enim.</p>
    </div>
    </asp:Content>
    Hier nochmal der erzeugte HTML Code:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Sportverein Dreieichenhain</title>
    <link href="svd.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <!--Header Bar div anfang-->
        <div class="header">
            <div class="links">
            </div>
            <div class="puffer">
            </div>
            <div class="rechts">
            </div>
            <div class="clear">
            </div>
        </div>
        <!--Header Bar div ende-->
        <!--Header Logo/Banner div anfang-->
        <div class="header_logo">
            <div class="space_header_logo">
            </div>
            <div class="logo">
            </div>
            <div class="space_after_logo">
            </div>
            <div class="header_banner">
            </div>
            <div class="clear_header_logo">
            </div>
        </div>
        <!--Header Logo/Banner div ende-->
        <!--Navi Top div anfang-->
        <div class="navi_top">
            <div class="navi_left">
            </div>
            <div class="navi_top_puffer">
            </div>
            <div class="navi_top_right">
            </div>
            <div class="navi_button_puffer">
            </div>
            <div class="navi_button_right">
            </div>
        </div>
        <!--Navi Top div ende-->
        <!--content BG anfang-->
        <div class="contentsettings">
            <div class="contentbg">
                <!--navi left / content anfang-->
                <div class="navicontent">
                    <div class="space_left_navicontent">
                    </div>
                    <div class="navihead">
                    </div>
                    <table>
                        <tr>
                            <td width="30px">
                            </td>
                            <td>
                                <div class="contenttext">
                                   
                                    <!---Content Panel--->
    
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <!--
                <br />
                <div class="space_left_loginpanel">
                </div>
                <div class="loginpanel">
                </div>-->
                <!--navi left / content ende-->
            </div>
            <div class="contentfooter">
            </div>
            <div class="clear_contentfooter">
            </div>
        </div>
        <!--content BG ende-->
        <!--footer div anfang-->
        <div class="header">
            <div class="linksfooter">
            </div>
            <div class="puffer">
            </div>
            <div class="rechtsfooter">
            </div>
            <div class="clear">
            </div>
        </div>
        <!--footer div ende-->
    </body>
    </html>
    Falls noch Informationen benötigt werden, sagt es einfach.

    Schon einmal vielen dank für eure Hilfe!.

    Viele Grüße,
    Danny
    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 !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: text wird im FF falsch dargestellt

    Zitat Zitat von dannylein Beitrag anzeigen
    hab derzeit leider keinen lauffähigen Server wo ich mein Projekt hosten kann.
    Dann nimm irgendeinen Freehoster, zum Testen reichen die völlig aus. Die Seite schon mal durch einen Validator gejagt und mit Firebug im FF die Seite kontrolliert?

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    22.06.2010
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: text wird im FF falsch dargestellt

    Die seite habe ich schon Validiert, ja.
    Firebug kannte ich nicht, werde ich mir mal anschauen.

    Ansonsten keine idee?

    Danke, schonmal!

    Viele Grüße,
    Danny

  4. #4
    Bandit
    Gast

    Standard AW: text wird im FF falsch dargestellt

    Zitat Zitat von dannylein Beitrag anzeigen
    Ansonsten keine idee?
    Ich habe im Moment einfach nicht die Zeit mir das genauer anzusehen. Man hat auch das Problem, dass einem die Grafiken fehlen, deshalb ist es meist besser, wenn man die Seiten online ansehen kann.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    22.06.2010
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: text wird im FF falsch dargestellt

    Okay, dann seh ich zu das ich es irgendwo gehostet bekomme!

  6. #6
    Bandit
    Gast

    Standard AW: text wird im FF falsch dargestellt

    Crossposting!

Ähnliche Themen

  1. Box mit runden Ecken wird falsch dargestellt
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 18.01.2010, 18:57
  2. Layout der Seite wird im IE falsch dargestellt
    Von Lacrima im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 09.01.2009, 10:33
  3. Seite wird im IE falsch dargestellt!
    Von Blazor im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 07.04.2007, 23:45
  4. Schrift wird falsch dargestellt!
    Von Cyberphreak im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 29.11.2006, 08:27
  5. CSS Design wird im IE falsch dargestellt
    Von Empon im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 22.06.2005, 20:22

Stichworte

Berechtigungen

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