mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 04.12.2016 17:46 Benutzername: Passwort: Auto-Login

Thema: [CSS] Bräuchte "Positionierungshilfe"... vom 15.12.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Bräuchte "Positionierungshilfe"...
Autor Nachricht
Ragnaroek
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 15.12.2006 15:28
Titel

[CSS] Bräuchte "Positionierungshilfe"...

Antworten mit Zitat Zum Seitenanfang

Hallo Leutz...

Habe ein kleines Problem mit meiner Seite.

> Seite <

Links seht ihr unter der Navi den EIntrag für den Newsletter. Der ist im mom unter der Navi. Da die NAvi bei den verschiedenen Punkten unterschiedlich groß ist verrückt das ganze immer. Das finde ich sieht nicht so schön aus...daher würde ich das ganze gerne aus dem "Bereich" raus anordnen, sprich unten, wo das ganze fest bleibt, egal wie groß die Navi ist. Alle versuche bis jetzt sind fehl geschlagen.

Könnte jemand vielleicht da mal drüber schauen?

Hier erst mal der Code der Seite (den mittleren Bereich mit der DB-Abfrage habe ich zur Übersicht rausgenommen):

Code:
<body>

<div id="wrapper">
   
   <h1 id="header"><span></span>1. offizieller Dieter Nuhr-Fanclub - Hier erfahrt ihr alles neue über Dieter Nuhr</h1>
   
   <div id="nav_links">
   
   <?php
      
      include ('inc/dieter-nuhr-fanclub-ueber-dieter.php');
      
   ?>
   
   <div id="newsletter">
   
      <span class="schrfit_orange">Info-Dienst</span>
             <form action="iframe_newsletter_eintrag.php" method="post" class="Normal">
             <input name="fanclub_newsletter_email" class="Normal" size="50" />
      <input class="submit" name="submit" type="submit" value="Senden" />
      </form>
      
      <span class="schrift_newsletter">Immer auf dem Laufenden - <br />der Dieter Nuhr - Fanclub Info- Dienst.</span>
   </div>   
   
   </div>

   <div id="content_ueber_dieter">

           <div id="content_inhalt">

         <?php
            
         ?>   
            
                     <p><a href="dieter-nuhr-fanclub-neues-archiv.php"><b>News-Archiv</b><br /> </a></p>
                   
                        </div>

   </div>
   
   <div id="kontakt_impressum">
      <a href="dieter-nuhr-fanclub-kontakt.php" title="Euer Email-Kontakt zum Dieter Nuhr-Fanclub">kontakt</a> | <a href=
      "dieter-nuhr-fanclub-impressum" title="Dieter Nuhr-Fanclub - Impressum">impressum</a>
   </div>
</div>

</body>


der Code für das Navi-Include

Code:
<?php
echo '<ul id="nav">';
   echo '<li><a href="dieter-nuhr-fanclub-ueber-dieter-neues.php" title="Dieter Nuhr-Fanclub - alles neue über Dieter Nuhr">Über Dieter</a>';
      echo '<ul>';
         echo '<li><a href="dieter-nuhr-fanclub-ueber-dieter-neues.php" title="Dieter Nuhr-Fanclub - alles neue über Dieter Nuhr">Neues</a></li>';
         echo '<li><a href="dieter-nuhr-fanclub-ueber-dieter-termine.php" title="Dieter Nuhr-Fanclub - Wo ist Dieter Nuhr zu sehen">Termine</a></li>';               
         echo '<li><a href="dieter-nuhr-fanclub-ueber-dieter-sprachrohr.php" title="Dieter Nuhr-Fanclub - Das ewige Interview mit Dieter Nuhr">Sprachrohr</a></li>';
         echo '<li><a href="dieter-nuhr-fanclub-ueber-dieter-zur-person.php" title="Dieter Nuhr-Fanclub - Die etwas andere Biographie von Dieter Nuhr">Zur Person</a></li>';
         echo '<li><a href="dieter-nuhr-fanclub-ueber-dieter-galerie.php" title="Dieter Nuhr-Fanclub - Ein paar Bilder von Dieter Nuhr">Galerie</a></li>';
         echo '<li><a href="dieter-nuhr-fanclub-ueber-dieter-sprueche.php" title="Dieter Nuhr-Fanclub - Die besten Sprüche von Dieter Nuhr">Sprüche</a></li>';
      echo '</ul>';
   echo '</li>';
   echo '<li><a href="dieter-nuhr-fanclub-hoerprobe.php" title="Dieter Nuhr-Fanclub - Ein paar Sachen zum Hören von Dieter Nuhr">Hörprobe</a></li>';
   echo '<li><a href="dieter-nuhr-fanclub-sonstiges.php" title="Dieter Nuhr-Fanclub - ein paar gesammelte Dinge von Dieter Nuhr">Sonstiges</a></li>';
   echo '<li><a href="http://www.dieternuhrfanclub.de/forum/index.php" target="_blank" title="Dieter Nuhr-Fanclub - Das Dieter Nuhr-Forum">Forum</a></li>';
   echo '<li><a href="dieter-nuhr-fanclub-ueber-mich.php" title="Dieter Nuhr-Fanclub - Hier etwas über mich und nicht über Dieter Nuhr">Über mich</a></li>';
echo '</ul>';
?>



und zu guter letzt das css:

Code:
* {
   margin: 0;
   padding: 0;
   border: none;
   }

body {
   background-color: #fff;
   color: #464646;
   font: 100.01%/1.5 Arial, Verdana, Helvetica, sans-serif;
   text-align: center;
   }
   
h1
{
   font: 200.1% Arial, Helvetica, sans-serif;
}

h2,h3,ul,li,dl,dt,dd
    {
    margin: 0;
    padding: 0;
    border: 0;
   color: #000000;
    }

p {
   margin-top: 1.5em;
   }
   
.schrfit_orange
{
   font: 100.1% Arial, Helvetica, sans-serif;
   color: #ff6600;
   font-weight: bold;
}

.schrfit_orange2
{
   font: 100.1% Arial, Helvetica, sans-serif;
   color: #ff6600;
   font-weight: bold;
   float: left;
}

.schrift_newsletter
{
   font: 80.1% Arial, Helvetica, sans-serif;
   display: block;
}


#wrapper {
   width: 953px;
   height: 643px;
   background: url(images/dieter-nuhr-fanclub-hintergrund.jpg) no-repeat 0 0;
   font-size: .8em;
   text-align: left;
   margin: 0 auto;
   }

#header {
   height: 101px;
   position: relative;
   width: 842px;
   overflow: hidden;
   }

#header span {
   background: url(images/dieter-nuhr-fanclub-header.jpg) no-repeat;
     height: 100%;
     position: absolute;
     top: 0px;
   left: 0px;
   width: 100%;
   }

#content_ueber_dieter {
   height: 482px;
   background: url(images/dieter-nuhr-fanclub-index-rechts2.jpg) no-repeat 100% 0;
   padding-top: 60px;
   }
   
#content_hoerprobe {
   height: 482px;
   background: url(images/dieter-nuhr-fanclub-hoerprobe-rechts.jpg) no-repeat 100% 0;
   padding-top: 60px;
   }

#nav,
#nav ul {
   list-style: none;
   
   }

#nav_links
{
   padding-top: 58px;
   padding-left: 5px;
   float: left;   
}
#nav {
   width: 140px;
   margin-left: 50px;
   }

a
{
   text-decoration: none;
   color: #666666;
}
   
a:hover
{
   color: #ff6600;
}

#nav a{
   display: block;
   text-decoration: none;
   color: #666666;
   }
   
#nav a:hover
{
   color: #ff6600;
}

#nav ul {
   margin-left: 20px;
   font-size: 80%;
   }
   
#nav ul a
{
   color: #ff6600;
}

#nav ul a:hover
{
   color: #666666;
}

#content_inhalt {
   width: 480px;
   height: 430px;
   float: left;
   overflow: auto;
   }

#content_inhalt h1
{
   font-size: 95%;
   font-weight: bold;
   display: block;
   margin: 0px;
}

#content_inhalt p
{
   display: block;
   margin: 0px;
}

.content_inhalt_strich
{
   width: 460px;
   border-bottom: #666666 2px dotted;
}

#newsletter
{
   width: 80px;
   border-top: #ff6600 1px dotted;
   border-bottom: #ff6600 1px dotted;
   margin-left: 50px;
   margin-top: 10px;
   padding-top: 4px;
   padding-bottom: 5px;

}

form {overflow:hidden;}

input[type=text]:focus, textarea:focus {
   background: #f0f0f0;
   color: #333;
   border-color: #666;
}

input
   {
   display: block;
   height: 14px;
   width: 78px;
   font: 80% Arial, Helvetica, sans-serif;
   float: left;
   border: 1px solid #222;
   background-color:#f1f1f1;
   margin-top: 2px;
   font-family: verdana, arial, helvetica, sans-serif;
   }
   
.submit
    {
    width: 80px;
   height: 16px;
    margin-top: 5px;
   margin-bottom: 5px;
   font: 80% Arial, Helvetica, sans-serif;
   background: #f1f1f1;
   float: left;
    }
   
#kontakt_impressum
{
   color: #999999;
   margin-left: 707px;
   margin-top:-18px;
}

#newsletter2
{
   color: #999999;
   margin-left: 0px;
   margin-top:-18px;
   width: 800px;
}
   
* html #nav_links
{
   padding-left: 0px;
}

* html #content {
   height /**/: 542px; /* Boxmodell IE 5.x */
   }


super lieben Dank

Ragna
 
therapiekind

Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
Verfasst Fr 15.12.2006 15:47
Titel

Antworten mit Zitat Zum Seitenanfang

Hm, anscheinend wird deine Navigation ja dynamisch erzeugt. Du weißt doch dann gar nicht, wie groß sie werden könnte. Da lässt sich das schlecht bewerkstelligen.

Aber falls du 'ne ungefähre Ahnung davon hast, wie groß sie maximal werden kann, dann umschließ die Navi einfach mit 'nem div-Element und gib diesem 'ne feste Höhe.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Ragnaroek
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 15.12.2006 16:16
Titel

Antworten mit Zitat Zum Seitenanfang

au man...warum kommt man nie selber auf dei einfachsten Dinge?

Hat geklappt....

danke..*zwinker*
 
 
Ähnliche Themen [CSS] Positionierungshilfe
CSS Newbie bräuchte mal Hilfe (div. Kleinigkeiten)
bräuchte HILFE (actionskript)
[php] bräuchte preg_match für emailadressen
[Flash] Bräuchte Hilfe bei AS einladen
Bräuchte hier mal Feedback zu einem Entwurf!
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.