+ Antworten
Ergebnis 1 bis 9 von 9

Thema: Hintergrundgrafik hört zu früh auf

  1. #1
    Neu an Board
    Registriert seit
    04.11.2007
    Beiträge
    69
    Bedankte sich
    19
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Hintergrundgrafik hört zu früh auf

    Hallo Forum,

    ich habe mein erstes Template selbst erstellt und musste so einige Hürden überwinden. Nun habe ich noch zwei Probleme bei dem ich nicht weiterkomme.

    Problem 1: Die Hintergrundgrafik hört leider beim letzten Menüpunkt auf. Es sollte aber immer bis ganz unten aufgefüllt werden. Siehe: http://www.k-nikola.de/projekte/joom...tpage&Itemid=1

    Problem 2: Die Hintergundgrafik mit dem Kopf rechts unten ist hier absolut passend: http://www.k-nikola.de/projekte/joom...tpage&Itemid=1

    Hier allerdings ist der Kopf gestaucht. http://www.k-nikola.de/projekte/joom...&id=1&Itemid=4 Ich peile nicht woran das liegt. Componentheading habe ich vermutet. Allerdings passt es mit ausgeblendeter beim Menüpunkt "Suche".

    Habt Ihr Tipps und/oder Lösungen für mich?

    Hier noch die CSS-Datei:
    @charset "utf-8";
    /* CSS Document */

    body {
    margin:0px;
    background-color:#f5e8de;
    }

    a:link, a:visited {
    color:#000000;
    text-decoration:none;
    }

    a:hover {
    color:#FFFFFF;
    }

    a:active {
    color:#FFFFFF;
    }

    #Seite {
    position:absolute;
    width:1000px;
    left:50%;
    margin-left:-500px;
    margin-top:50px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    }

    #Logo {
    position:absolute;
    width:168px;
    height:166px;
    background-image:url(../images/logo.gif);
    background-repeat:no-repeat;
    }

    #Kopf {
    position:absolute;
    width:832px;
    height:166px;
    margin-left:168px;
    background-image:url(../images/kopf.gif);
    background-repeat:no-repeat;
    top:0px;
    }


    #Firma {
    position:absolute;
    width:994px;
    top:166px;
    height:34px;
    background-image:url(../images/firma.jpg);
    padding-left:6px;
    color:#FFFFFF;
    font-size:26.5px;
    }

    #Inhalt {
    position:absolute;
    top:200px;
    width:1000px;
    }

    #Navigation {
    position:absolute;
    width:168px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    background-position:bottom;
    background-image:url(../images/navigation_bg.jpg);
    }

    #Buehne {
    position:absolute;
    width:802px;
    left:168px;
    background-color:#e9dfd7;
    background-image:url(../images/buehne_bg.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    padding-left:15px;
    padding-right:15px;
    }

    #Suche {
    position:absolute;
    width:168px;
    height:54px;
    left:-168px;
    background-image:url(../images/suche_bg.gif);
    background-repeat:no-repeat;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    padding-top:15px;
    padding-left:5px;
    }

    #Fusszeile {
    position:absolute;
    width:832px;
    height:49px;
    background-image:url(../images/fusszeile_bg.gif);
    background-repeat:no-repeat;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    padding-top:5px;
    left:0px;
    }

    .contentheading,componentheading {
    padding-top:15px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    }

    .inputbox {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    background-color:#D2B48C;
    border:1px;
    }

    .mainlevel {
    color:#000000;
    font-size:14px;
    padding-left:8px;
    line-height:25px;
    text-decoration:none;
    }

    .sublevel {
    color:#000000;
    font-size:14px;
    padding-left:16px;
    line-height:25px;
    text-decoration:none;
    }

    --------------------------------------------------------------------------------------------

    Und hier die Index.php:

    <?php
    // no direct access
    defined( '_JEXEC' ) or die( 'Restricted access' );
    ?>
    <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
    <head>
    <jdoc:include type="head" />
    <meta **********="Content-Type" content="text/html; charset=utf-8" />
    <link href="<?php echo $this->baseurl ?>/templates/schrottenbaum/css/molnar.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
    <div id="Seite">
    <div id="Logo"></div>
    <div id="Kopf"></div>
    <div id="Firma">Institut f&uuml;r Neuromuskul&auml;re Regulation Rudolf und Renate Schrottenbaum</div>
    <div id="Inhalt">
    <div id="Navigation"><jdoc:include type="modules" name="left" style="xhtml" /></div>
    <div id="Buehne"><jdoc:include type="component" />
    <div id="Suche"><jdoc:include type="modules" name="user1" style="xhtml" /></div>
    <div id="Fusszeile">Schuhstr. 35 • 91052 Erlangen • Tel 09131-204149 • Fax 09131-24168<br />
    nmt@schrottenbaum.de • www.neuromuskulaere-therapie.de</div>
    </div>
    </div>
    </div>
    </body>
    </html>


    Grüße Oli ...

  2. #2
    Hat hier eine Zweitwohnung
    Registriert seit
    30.03.2008
    Ort
    Herne
    Beiträge
    1.591
    Bedankte sich
    81
    Erhielt 388 Danksagungen
    in 377 Beiträgen

    Standard

    ist recht wichtig zu erwähnen welchen browser Du benutzt
    Link 3 ist im FF in Ordnug, IE7 beschriebener effekt.
    Folge Problem 2 ist ein Browserproblem - Stichwort "Browserweiche" und viel glück, verzweifle gerade daran

    Problem 1: Dein Div "Firma" endet da, vielleicht solltest du den bg einem anderen Div zu ordnen.
    Wo ist eigentlich der Unterschied zwischen kopf.gif und firma.jpg? Zwei gleiche Dateien mit unterschiedlichen Namen macht keinen Sinn.
    Versuch mal deinen Kopf bis Fuß in einen Div einzufassen und geb dem das bg Image
    VielfaltRuhrgebiet.de

    Problem gelöst? Dann markieren! Wie? und für Danke gibt es nen Button

  3. Erhielt Danksagungen von:


  4. #3
    Neu an Board
    Registriert seit
    04.11.2007
    Beiträge
    69
    Bedankte sich
    19
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Ein' hab' ich noch ...

    Dank dem Browsertipp habe ich nun die Lösung ;-) ... Etz passt es auch mit FF, IE und Safari :-)

    Nun habe ich nur noch das Problem mit der Navigationsleiste. Da komm ich aber überhaupt nicht klar mit den Div's. Ich habe pro Hintergrundbild oder Bereich (left, Main) ein extra Div angelegt. Wie soll ich sonst das Menü links und den Hauptbereich daneben anzuzeigen?

    Mal gucken .. vielleicht kommt ja noch was ...

  5. #4
    Hat hier eine Zweitwohnung
    Registriert seit
    30.03.2008
    Ort
    Herne
    Beiträge
    1.591
    Bedankte sich
    81
    Erhielt 388 Danksagungen
    in 377 Beiträgen

    Standard

    ja da kommt noch was

    erneut die Frage: Gibt es einen Unterschied zwischen kopf.gif und firma.jpg?

    pack den ganzen Inhalt noch mal in ein div und und geb dem den bg, nicht den einzelnen divs.
    VielfaltRuhrgebiet.de

    Problem gelöst? Dann markieren! Wie? und für Danke gibt es nen Button

  6. #5
    Neu an Board
    Registriert seit
    04.11.2007
    Beiträge
    69
    Bedankte sich
    19
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Im Div Kopf ist die Grafik mit dem Kopf.

    Im Div Firma ist der Text eingegeben.

  7. #6
    Hat hier eine Zweitwohnung
    Registriert seit
    30.03.2008
    Ort
    Herne
    Beiträge
    1.591
    Bedankte sich
    81
    Erhielt 388 Danksagungen
    in 377 Beiträgen

    Standard

    Sorry, aber keine Antwort auf meine Frage. Weil die grafik mit dem Kopf ist die Logo.gif
    Hat also nicht mit den beiden bg's zu tun. Schau mal in Deine css im Template Ordner.
    VielfaltRuhrgebiet.de

    Problem gelöst? Dann markieren! Wie? und für Danke gibt es nen Button

  8. #7
    Neu an Board
    Registriert seit
    04.11.2007
    Beiträge
    69
    Bedankte sich
    19
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    <totale_verwirrung> Jetzt verstehe ich nichts mehr ... </totale_verwirrung>

    Mein Problem bezieht sich doch auf das div Navigation. Rechts daneben ist das div Buehne.

    Übergeordnet das div Inhalt. Da aber nun die "Buehne" länger ist als "Navigation" hört er scheinbar auf. Wenn ich aber "Buehne" und "Navigation" zusammenfasse kann ich doch die beiden Bereiche in Joomla "Left" und "Component" nicht mehr positionieren?

    Wenn ich die Hintergrundgrafik auf das umfassende Div Inhalt lege zeigt er gar nichts :-(

    Die Divs "Logo" "Kopf" "Firma" "Suche" und "Fusszeile" funktionieren ja an sich richtig.

    Sorry, wegen dem Kopf ... da habe ich an das Logo mit dem Kopf gedacht. Kopf ist der Bereich rechts neben dem Logo. Dort kommt mal eine Flashdatei hin. Darum habe ich das auch extra definiert.

  9. #8
    Hat hier eine Zweitwohnung
    Registriert seit
    30.03.2008
    Ort
    Herne
    Beiträge
    1.591
    Bedankte sich
    81
    Erhielt 388 Danksagungen
    in 377 Beiträgen

    Standard

    Ok, da ändert sich noch was
    Ansonsten reden wir anscheinend aneinander vorbei. Du sollst die Div so behalten wie sie sind und zusätzlich ein Div um die navi und die buehne machen. Dem ordnest Du das bg zu. Dann ist der bg immer so weit wie das längere.
    VielfaltRuhrgebiet.de

    Problem gelöst? Dann markieren! Wie? und für Danke gibt es nen Button

  10. #9
    Neu an Board
    Registriert seit
    04.11.2007
    Beiträge
    69
    Bedankte sich
    19
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Also funktioniert leider auch nicht. Ich habe um die Divs Navigation und Bühne ein weiteres Div Inhalt.

    <div id="inhalt">
    <div id="navigation">
    </div>
    <div id="buehne">
    </div>
    </div>

    Wenn ich aber dem Div inhalt die Grafik zuordne wird nichts angezeigt. Erst wenn ich dem inhalt-Div eine Höhe mitgebe. :-(

    Habe nun eine feste Höhe und dem Div buehne overflow="auto" vergeben. Schade dass ich das nicht anders auf die Reihe gebracht habe.

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein