• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

text wird im FF falsch dargestellt

dannylein

Neues Mitglied
Sorry der war zuviel :(

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 aspx, 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>
Falls noch Informationen benötigt werden, sagt es einfach.

Schon einmal vielen dank für eure Hilfe!.

Viele Grüße,
Danny
 
Zuletzt bearbeitet:
Werbung:
Zurück
Oben