ASP.NET Zone

Die ASP.NET Community. Alle Antworten rund um Microsoft® Webtechnologien
Willkommen bei ASP.NET Zone. Anmelden | Registrieren | Hilfe | Impressum | ASP.NET Zone Suchplugin

in
Home Blogs Foren FAQ Communities Fotos Downloads
ASP.NET Zone » ASP.NET (Entwicklung) » Template-Management (Masterpag... » background image erscheint in der Vorschau im Visual Studio 2008 aber nicht im Browser
Werbeanzeige

background image erscheint in der Vorschau im Visual Studio 2008 aber nicht im Browser

Letzter Beitrag 08-04-2010, 11:15 von Jo86. 4 Antworten.
Beiträge sortieren: Zurück Weiter

  •  07-28-2010, 16:52 218119

    background image erscheint in der Vorschau im Visual Studio 2008 aber nicht im Browser

    Antworten Zitieren
    Hallo ASP.NET Zoner,

    habe einen blöden Fehler den ich selber nicht erkenne bzw. verstehe.

    Folgendes Problem besteht:

    Ich habe eine Masterpage und in der möchte ich einzelne Grafiken in den "divs" einbetten mittels style.css und background:url('../img/...png')

    Meine Masterpage:
    <%@ Master Language="VB" AutoEventWireup="false" CodeBehind="master.Master.vb" Inherits="obp_auswertung.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 id="head" runat="server">
        <title>Bewerberverwaltungsportal</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <form id="form1" runat="server">
       
        <!-- begin main container block -->
        <div id="container" runat="server">
       
            <!-- begin header block -->
            <div id="header" runat="server">
            <!-- end header block -->
            </div>
           
            <!-- begin navigation block -->
            <div id="navigation" runat="server">
                <ul>
                   <li> Startseite </li>
                   <li> Bewerber verwalten </li>
                </ul>
            </div>
            <!-- end navigation block --> 
           
            <!-- begin contentConatiner block -->
            <div id="contentContainer" runat="server" >
               
                <asp:ContentPlaceHolder ID="cphMain" runat="server">
               
                </asp:ContentPlaceHolder>
           
            <!-- end contentContainer block -->       
            </div>
           
            <!-- begin footer block -->
            <div id="footer" runat="server" >
           
            <!-- end footer block -->
            </div>
           
        <!-- end main container block -->
        </div>
        </form>
    </body>
    </html>

    Mein CSS-File:

    body
    {
        background:#b3b3b3;
        font-family:Futura Lt BT, Arial;
        font-size:12pt;
    }
    ul
    {
        display:block;
        height:35px;
    }
    li
    {
        width:180px;
        height:35px;
        list-style-type:none;
        float:left;
        text-align:center;
        background: url('../img/buttons_navi_main.png') no-repeat center top;
    }
    div#container
    {
        width:960px;
        height:760px;
        background:White;
    }
    div#header
    {
        height:120px;
        width:960px;
        background: url('../img/bg_header.png');
    }
    div#navigation
    {
        width:960px;
        height:35px;
        background: url('../img/bg_navi_main.png');
    }
    div#contentContainer
    {
        width:960px;
        height:660px;
    }
    div#footer
    {
        height:20px;
        width:960px;
    }

    In der Vorschau im Visual Studio zeigt er mir alles perfekt an, lediglich im Browser zeigt er nichts an bis auf die Texte. Kann mir da jemand weiter helfen?

    Vielen Dank im voraus...

    Gruß Jo

  •  07-28-2010, 19:34 218120 Antwort zu 218119

    AW: background image erscheint in der Vorschau im Visual Studio 2008 aber nicht im Browser

    Antworten Zitieren
    Hi,
    Jo86:

    Ich habe eine Masterpage und in der möchte ich einzelne Grafiken in den "divs" einbetten mittels style.css und background:url('../img/...png')

    In der Vorschau im Visual Studio zeigt er mir alles perfekt an, lediglich im Browser zeigt er nichts an bis auf die Texte. Kann mir da jemand weiter helfen?

    die Pfade passen nicht. Bei Verwendung einer CSS Datei musst Du die Pfade immer relativ vom CSS Pfad aus angeben.

    Wenn Du also bspw. folgende Struktur hast:

    Datei.aspx
    /styles/datei.css
    /images/datei.jpg

    müsstest Du ../images/datei.jpg angeben.

    Hättest Du hingegen:
    Datei.aspx
    /resources/styles/datei.css
    /images/datei.jpg

    müsstest Du ../../images/datei.jpg angeben.

    In deinem Fall kann es auch sein, dass die CSS Datei selbst nicht gefunden wird. Probier mal bitte ~/css/style.css im link Tag anzugeben, damit sollte es gehen.

    --
    Gruß, Stefan Falz
    Microsoft MVP - Visual Developer ASP/ASP.NET
    ASP.NET Consulting, Development, Coaching

    ASP.NET Zone - Leitfaden für gute Postings

    Xtopia 2008 - Gewinnspiel / Expression Studio und Xtopia Eintrittskarten zu gewinnen

  •  07-29-2010, 8:27 218128 Antwort zu 218120

    AW: background image erscheint in der Vorschau im Visual Studio 2008 aber nicht im Browser

    Antworten Zitieren
    Hi,

    Erst mal danke für die schnelle Antwort. Ist echt klasse hier wie einem geholfen wird! Yes
    Also ich hab das mit ~/css/style.css ausprobiert, hat aber nicht funktioniert.

    Zu meiner Projektstruktur:

    CSS-file liegt im Ordner css <-- der liegt im root
    meine Bilder liegen im Ordner images <-- der wiederum auch im root liegt

    Ich bin langsam echt am verzweifeln. Crying


    Gruß Jo

  •  07-29-2010, 16:46 218137 Antwort zu 218128

    AW: background image erscheint in der Vorschau im Visual Studio 2008 aber nicht im Browser

    Antworten Zitieren
    Jo86:
    Also ich hab das mit ~/css/style.css ausprobiert, hat aber nicht funktioniert.
    die Tilde (~), functioniert nur in Servercontrols! wie der stefan geschrieben hat, musst du den Pfad relativ von der CSS Datei angeben

    Jo86:
    CSS-file liegt im Ordner css <-- der liegt im root
    meine Bilder liegen im Ordner images <-- der wiederum auch im root liegt
    Dann hast du in der CSS den Pfad falsch angegeben ;-) Richtig: "../images/xyz.gif"
    MfG
    Jürgen

    ASP.NET Zone Team Blogs | gutsch-online | sharpcms | .NET Stammtisch Konstanz-Kreuzlingen
    28.08.2010: See# Party - Die Community Konferenz am Bodensee

    ASP.NET Zone - Leitfaden für gute Postings

  •  08-04-2010, 11:15 218231 Antwort zu 218137

    AW: background image erscheint in der Vorschau im Visual Studio 2008 aber nicht im Browser

    Antworten Zitieren
    Hallo,

    habe das Problem gelöst. Indem ich die css-formatierungen über eine class und nicht wie vorher über die id zugeordnet habe.

    Auf jeden Fall vielen Dank für eure Hilfe. Yes
    Gruß Jo
Als RSS Feed in XML ansehen
Powered by Community Server (Commercial Edition)