Einzelnen Beitrag anzeigen
  #11 (permalink)  
Alt 01.11.2011, 19:44
KrautundRüben KrautundRüben ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.10.2011
Beiträge: 10
KrautundRüben befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von paulepulmo Beitrag anzeigen
Vielleicht hilft dir ja das hier. Vorrausgestzt du möchtest deine Navi kontextbezogen anzeigen lassen. (Gegoogelt und Treffer)

Verschachtelte Navigationsleiste kontextbezogen anzeigen mit CSS für php include-Anweisung
DANKE FÜR DEN TIPP! das sieht gut aus.

ich werde es probieren:

es ist allerdings immer noch auf der Seite SEMINARE das Problem, dass die rechte Tabelle ganz rechts ist ( nur im IE) aber im FireFox wird sie an der richtigen Stelle angezeigt.

HTML:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Sprengel Seminare - Seminare</title>

        <meta name="copyright" content="Roland Sprengel" />
        <meta name="author" content="IL-Schmidt" />
        <meta name="description" content="Beschreibung" />
        <meta name="language" content="de-de" />
        <meta name="identifier" content="http://www.sprengel-seminare.de" />
        <meta name="robots" content="all, index" />
        <meta name="revisit-after" content="1 days" />
        <meta name="Content-Language" content="de" />
        <meta http-equiv="Expires" content="0" />
        <meta http-equiv="author" content="www.sprengel-seminare.de" />
        <meta http-equiv="organisation" content="www.sprengel-seminare.de" />
        <meta name="keywords" content="Roland Sprengel, sprengel-seminare, Seminare, Dynamik in Beziehungen, Geldseminar, Training, Trauma, Burn-out" />

        <link rel="stylesheet"  href="./style/seminare.css" charset="utf-8" type="text/css" media="screen, projection" />

</head>

<body>
<div id="rahmen">
    <div id="header">
    <h1> <a href="./index.htm"> Startseite | Sprengel Seminare - f&uuml;r mehr Lebensqualit&auml;t</a></h1>
        <ul  id="menue">
            <li class="start chosen"> <a href="./index.htm">&nbsp;&nbsp;Start</a></li>
            <li class="seminare"> <a href="./seminare.htm">&nbsp;&nbsp;Seminare</a></li>
            <ul id="submenue">
                <li class="geldseminar"><a href="./geldseminar.htm">Geldseminar</a></li>
                <li class="burnout"><a href="./burnout.htm">Burn-out</a></li>
                <li class="dynamikinbeziehungen"><a href="./dynamikinbeziehungen.htm">Dynamik in Beziehungen</a></li>
                <li class="lebenstatttrauma"><a href="./lebenstatttrauma.htm">Leben statt Trauma</a></li>
                <li class="zieleerreichen"><a href="./zieleerreichen.htm">Ziele erreichen</a></li>
            </ul>
            <li class="ausbildung"> <a href="./ausbildung.htm">&nbsp;&nbsp;Ausbildung</a></li>
            <li class="about"> <a href="./about.htm">&nbsp;&nbsp;Zur Person</a></li>
            <li class="kontakt"> <a href="./kontakt.htm">&nbsp;&nbsp;Kontakt</a></li>
        </ul>
    </div>

    <div id="content">
    <h2>Behandlungsmethodik</h2>
            <p align="justify">
            Der wesentliche Kern meiner Arbeit ist die Aktivierung der biologischen Selbstheilkr&auml;fte bis auf Zellebene. Es ist eine Kombination aus Traumaheilung, Arbeit mit Ressourcen, systemischer Arbeit.<br />
            Auch der Aspekt der Ern&auml;hrung spielt hier eine wichtige Rolle.<br /><br />
            Ein ganz wesentliches Ziel der Behandlung ist, dass Klienten die F&auml;higkeit einer Umsetzung von Selbsthilfe erlernen und nicht aufgrund von Traumatisierungen und fr&uuml;hkindlich bedingten Entwicklungsst&ouml;rungen in eine eventuell neue Co-Abh&auml;ngigkeit mit dem Therapeuten gelangen.<br /><br />
            Die Therapie in meiner Praxis ist eine Art Training f&uuml;r K&ouml;rper, Geist und Seele, bei Trauma f&uuml;r das Nervensystem. Die Thematik Trauma wird leider in vielen Therapie - und Behandlungsformen sowie auch bei Beratungen wenig ber&uuml;cksichtigt, da diesbez&uuml;glich zu wenig Wissen und Bewusstsein vorhanden ist. <br /><br />
            Viele Vortr&auml;ge, die ich gemacht habe, haben gezeigt, dass gerade P&auml;dagogen und Menschen in Beratungsfunktionen mit dieser Thematik geradezu &uuml;berfordert sind und Unterst&uuml;tzung ben&ouml;tigen.
            Aus diesem Grunde biete ich hier Fachseminare an, die speziell auf Inhalte und individuelle Bed&uuml;rfnisse ausgerichtet sind.
            </p>

    <br/>
    <br/>
    <div id="tabellevertikalrechts">
    <table>
    <td>
        <tr><img src="./media/furkapass.jpg" alt="Geschafft....der Fukapass mit 2436m hoch." /><br /><br />
            <img src="./media/jetztjetztjetzt.jpg" alt="Nicht warten... JETZT handeln"  <br /><br /> <br />
            <img src="./media/weglast.jpg" alt="Der Weg sieht oft schlimmer aus als er wirklich ist."<br /></tr>
    </td>
    </table>
    </div>

    <div id="tabellevertikallinks">
    <table><br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#006ab3"><b>Behandelt werden</b/></font>
    <br />
    <br />
     <tr>
      <td width="10%">&nbsp;</td>
      <td align="left" valign="top"   width="10%"><img src="./layout/punkt.jpg" /></td>
      <td width="70%">Posttraumatische Belastungs- <br />st&ouml;rungen<br />(siehe Traumakategorien)<br /><br /></td>
     </tr>

     <tr>
      <td width="10%">&nbsp;</td>
      <td align="left" valign="top"   width="10%"><img src="./layout/punkt.jpg" /></td>
      <td width="70%">Angst- und Panikst&ouml;rungen<br /><br /></td>
     </tr>

     <tr>
      <td width="10%">&nbsp;</td>
      <td align="left" valign="top"   width="10%"><img src="./layout/punkt.jpg" /></td>
      <td width="70%">Psychosymatische Symptome<br /><br /></td>
     </tr>

      <tr>
      <td width="10%">&nbsp;</td>
      <td align="left" valign="top"   width="10%"><img src="./layout/punkt.jpg" /></td>
      <td width="70%">Phobien<br /><br /></td>
     </tr>

     <tr>
      <td width="10%">&nbsp;</td>
      <td align="left" valign="top"   width="10%"><img src="./layout/punkt.jpg" /></td>
      <td width="70%">Lernst&ouml;rungen, Schulprobleme bei Kindern<br /><br /></td>
     </tr>

     <tr>
      <td width="10%">&nbsp;</td>
      <td align="left" valign="top"   width="10%"><img src="./layout/punkt.jpg" /></td>
      <td width="70%">Vorbereitung und Stabilisierung des Nervenysystems<br /><br /></td>
     </tr>


     <tr>
      <td width="10%">&nbsp;</td>
      <td align="left" valign="top"   width="10%"><img src="./layout/punkt.jpg" /></td>
      <td width="70%"><ul>bei bevorstehenden Herausforderungen:<br /><br />
                             <li>Pr&uuml;fungen<br /><br /></li>
                             <li>Trennungen, Scheidungen<br /><br /></li>
                             <li>Bevorstehende Konflikte, Kl&auml;rungen<br /><br /></li>
                             <li>Entscheidungen privat und beruflich<br /><br /></li>
                             <li>Bewerbungen</li>
                             </ul>
      </td>
     </tr>
    </table>

    <div id="footer">
    &copy; Sprengel Seminare |<a href="./impressum.htm"> Impressum </a>|<a href="http://www.il-schmidt.de"> Webdesign</a>
    </div>

    </div>


</div> <!-- ENDE DIV CONTENT -->




<div id="blog">
    <h3><a href="./seminare.htm">Aktuelle Seminare</a></h3>
    <p>
    <b>Wochenendseminar<br />"Dynamik in Beziehungen"</b><br /><br />
    vom 02.12. - 04.12.2011 <br />
    Beginn: Freitag 16:00 h <br />
    Ende:&nbsp;&nbsp;Sonntag 16:00 h <br />
    <br />
    Wie gl&uuml;cklich ist Ihre Beziehung?<br />
    Wollen Sie etwas &auml;ndern?<br />
    <br />
    <a href="./dynamikinbeziehungen.htm">Mehr?</a>
    </p>
</div>

</div> <!-- ENDE RAHMEN -->

</body>
</html>
CSS:
Code:
/*-----------------------------------------------------*/
/*----------------------- Haupt -----------------------*/
/*-----------------------------------------------------*/


* {

	margin: 0;
	padding: 0;
	border: 0 none;

}

html
     {
    background:transparent url(../layout/background.jpg) repeat-x;
     }

#rahmen {
    width: 980px;
    margin: 0 auto;
    padding: 0 0 0 0;
    }

#header {
     background:transparent url('./../layout/header-background.jpg') no-repeat;
     height: 200px;

    }

#header h1 {
    width: 360px;
    height: 206px;
    padding: 0 0 0 18px;
    float: right;

}

#header h1 a {
    width: 360px;
    height: 206px;
    background: url(./../layout/logo.png) no-repeat;
    text-indent: -5000px;
    overflow: hidden;
    display: block;
}

#content {
    position: absolute;
    width: 506px ;
    padding: 0 0 0 0;
    margin-left: 237px;
}

#tabellevertikalrechts {
    position: relative;
    text-align: right;
    line-height: 120%;
    float: right;
}

#tabellevertikallinks {
    position: relative;
    width: 243px;
    height: 552px;
    background: transparent url(../layout/blogseminar-background.jpg)no-repeat;
    text-align: left;
    line-height: 140%;
    float: left;


    }


#footer {
        position: relative;
        background:center url(./../layout/footer.jpg) no-repeat;
        width: 506px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 20px auto;
        float: none;
}

#blog {
    position: absolute;
    width: 207px;
    height: 236px;
    background: transparent url(../layout/blog-background.jpg)no-repeat;
    padding: 10px 10px 10px 10px;
    margin-left: 770px;
    top: 240px;
}
/*-----------------------------------------------------*/
/*--------------------- Schrift -----------------------*/
/*-----------------------------------------------------*/
body {
    color: #000000;
    font-size: 70%;
    font-family: Verdana, Tahoma;
}

a {
    color: #006ab3;
    text-decoration: none;
}

a:hover, a:focus {
    color: #f31635;
}

#menue {
    font-size: 11px;
    font-family: verdana, Tahoma;
    letter-spacing: 1px;
    font-weight: lighter;
    }
#menue a {
    color: #707173;
}
#menue a:hover, a:focus {
    color: #006ab3;
}

#submenue {
    font-size: 11px;
    font-family: verdana, Tahoma;
    letter-spacing: 1px;
    font-weight: lighter;
    }
#submenue a {
    color: #707173;
}
#submenue a:hover, a:focus {
    color: #006ab3;
}

h2 {
    color: #006ab3;
    font-family: Verdana, Tahoma;
    font-size: 16px;
    line-height: 1.3;
    font-weight: lighter;
    margin-top: 10px;
    margin-bottom: 10px;
}

h3 {
    color: #006ab3;
    font-family: Verdana, Tahoma;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

p {
    color: #000000;
    font-family: verdana, tahoma;
    letter-spacing: 0.005em;
    text-align: justify;
}

#footer {
    color:#FFFFFF;
    font-family: verdana, tahoma;
	font-size: 11px;
	text-align: center;
	font-weight: lighter;
    letter-spacing: 0.02em;

}
#blog {
     letter-spacing: 0.025em;
}

#footer a{
    color: #FFFFFF;
}

#footer a:hover, #footer a:focus {
	color: #f31635;
}

/*-----------------------------------------------------*/
/*----------------------- Teil ------------------------*/
/*-----------------------------------------------------*/

#menue {
     width: 207px;
     padding: 245px 0 0 0;
     list-style-type: none;
 }


#menue li {
    padding: 0.32em;
    background: transparent url('./../layout/menue-background.png')no-repeat;
    width: 207px;
}
#menu li a {
    background: transparent url('./../layout/menueaktiv.jpg')no-repeat;
    padding: 245px 0 0 209px;
	display: block;
}

#submenue li {
    margin-left: 40px;
    padding: 0.32em;
    background: transparent url('./../layout/menue-background.png')no-repeat;
    width: 160px;
    border-right: medium;
}
#submenu li a {
    background: transparent url('./../layout/menueaktiv.jpg')no-repeat;
    padding: 255px 0 0 209px;
	display: block;
}


#content .startgallery {
     list-style-type: none;
}
#content .startgallery li {
    float: left;
	padding: 0 2px 0 0;
}

/*-----------------------------------------------------*/
/*---------------------- Detail -----------------------*/
/*-----------------------------------------------------*/



/*-----------------------------------------------------*/
/*--------------------- CSS-Hacks ---------------------*/
/*-----------------------------------------------------*/
.clearfix:after,
#content .startgallery:after,
#content .startgallery li:after,

#header:after,
#menue:after {

	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}
da ist bestimmt irgend ein schwachsinniger Fehler drin, den ich nicht finde.

(ich hätte bevor ich die Seite angefangen habe, mir mal "litlle boxes" zu Gemüte führen sollen. Aber ich soll heute fertig sein )
Mit Zitat antworten
Sponsored Links