text wird im FF falsch dargestellt

dannylein

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):

HTML

<%@ 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>

Alles anzeigen

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*/

Alles anzeigen

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>

Alles anzeigen

Hier nochmal der erzeugte HTML Code:

HTML

<!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="[URL='http://www.html.de/view-source:http://localhost:53014/svd.css']svd.css[/URL]" 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>

Alles anzeigen

Falls noch Informationen benötigt werden, sagt es einfach.

Schon einmal vielen dank für eure Hilfe!.

Viele Grüße,
Danny

Bandit

Zitat von dannylein

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?

dannylein

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

Bandit

Zitat von dannylein

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.

dannylein

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

Bandit

Crossposting!

text wird im FF falsch dargestellt

Tags

Benutzer online in diesem Thema