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

text wird im FF falsch dargestellt

D

dannylein

Neues Mitglied
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
 
Werbung:
Zeig den erzeugten HTML-Code und nicht den Code deines ASP-Templates. Oder einen Link zur betreffenden Seite. Nur dann kann dir auch geholfen werden.
 
Okay, hier der betroffene HTML Code im Firefox.
Macht aber ehrlich gesagt nicht wirklich viel unterscheid zu meinem Template.

Desweiteren kann ich, wie gesagt, mein Projekt derzeit nicht Hosten.

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="[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">
                                
      <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>
                        </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>
Ich hoffe man kann damit mehr anfangen.

Viele Grüße,
Danny
 
Werbung:
Hab ich nun getan.

Hier der 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="[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>

Ich hoffe mir kann nun jemand helfen!

Viele Grüße,
Danny
 
Hey Danny,
ich habe selten eine Website mit so vielen unnötigen divs gesehen. Das tut weder dir noch deiner Website gut:
http://webstandard.kulando.de/post/...pe_oder_div_chaos_-_wie_kann_man_es_vermeiden
oder einfach mal Google bemühen: https://www.google.com/search?hl=de&source=hp&q=Div-Suppe&meta=&aq=f&oq=

Daher empfehle ich dir erst einmal deinen Code aufzuräumen, bevor ich dir helfen möchte, denn da oben einen Fehler zu finden, kann bei der Menge der divs auch gut Glückssache sein.

Grüße
Körnerbrötchen
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben