Ragnaroek
Account gelöscht Threadersteller
Ort: -
|
Verfasst Fr 15.12.2006 16:28
Titel [CSS] Bräuchte "Positionierungshilfe"... |
  |
|
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 16:47
Titel
|
|
|
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.
|
|
Willkommen auf dem Portal für Mediengestalter
