Community

9dots.de Webdesign Board

 

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 

 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 


text wird im FF falsch dargestellt

 
Neues Thema eröffnen   Neue Antwort erstellen    9dots.de Webdesign Community Foren-Übersicht -> Coding-Support
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
danny
Mitglied
Mitglied


Angemeldet: 26.04.2005
Beiträge: 196
Wohnort: Niederselters

BeitragVerfasst am: 21.06.2010, 15:33    Titel: text wird im FF falsch dargestellt Antworten mit Zitat
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
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    9dots.de Webdesign Community Foren-Übersicht -> Coding-Support Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Board Software by phpBB © 2001, 2005 phpBB Group. Impressum
Dominik Wuttke - Moritz Münchmeyer - Joachim Nagel GbR.
AGB