Suche im Forum:
Suchen


Autor Nachricht
Beitrag27.02.2012 um 18:28 (UTC)    
Titel: Header nach unten verrutscht

Hallo,
habe heute meine Navi nach oben verlagert... nun ist mein Header nicht mehr oben sondern 2-3 cm. nach unten verrutscht... wo kann ich dies in meinem Text wieder verändern und hängt dies überhaupt mit der Navi zusammen? hab jetzt schon alles mögliche probiert und komme nicht dahinter warum der header nicht wieder nach ganz oben rutscht...

hier mein Text über dem Design

<div id="des">

<style type="text/css">
<!--
li#nav_Tic{display:none;}
li#nav_TicPedigree{display:none;}
li#nav_Zamela{display:none;}
li#nav_Home{display:none;}
li#nav_NEWS{display:none;}
li#nav_Kater{display:none;}
li#nav_Katzen{display:none;}
li#nav_Kitten{display:none;}
li#nav_Links{display:none;}
li#nav_G.ae.stebuch{display:none;}
-->
</style>

<style type="text/css" media="screen">
<!--
body
{
font-family: 'The Girl Next Door', cursive;
font-size: 19px;
overflow: auto;
padding: 20px;
margin: 40px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 270px;
left: 50%;
margin-left:-405px;
width:905px;
}

.menu li
{
width: 130px;
float: left;
}

.menu a
{
border: 1px solid #424242;
background-color: #0f0f0f;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 32px;
color: #8fc9e7;
}

.menu a:hover
{
background-color: #3a3a3a;
background-image: url(URL);
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 17px;
display: none;
width: 160px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>



<div class="menu">

<li><a href="/Home.htm"> Home</a> </li>

</ul>
</li>

<li><a href="/News.htm"> News</a> </li>


</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Zuchttiere</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">

<li><a href="/Kater.htm">Kater</a></li>
<li><a href="/Katzen.htm">Katzen</a></li>

</ul>
</li>



<li><a href="/Kitten.htm"> Kitten</a> </li>


</ul>
</li>

<li><a href="/G.ae.stebuch.htm"> Gästebuch</a> </li>

</ul>
</li>

<li><a href="/Links.htm"> Links</a> </li>


</ul>
</li>

</div>



UND HIER DER TEXT CSS OHNE STYLE:..

body {

background-image: url('http://img.webme.com/pic/c/coolmotion/back1ne31.png');
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: 77b1ee;
font-family: 'The Girl Next Door', cursive;
font-size: 20px;
text-align: center;
}

a {
color: bcbcff;
}
/* Container */

#des {
width: 921px;
margin: 0 auto;
text-align: left;

background-image: url('http://img.webme.com/pic/e/endlessk/wasserfall.png');
background-repeat: repeat-y;
border: 0px solid #ccc;
}

#unten {
clear: both;
}


#title { display:none; }

/* Header */

<link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>

//-->
</style>

<link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>

<style type="text/css">
<!--
#header_container {
height: 200px; /* Höhe des Headers */
background-image: url('http://img.webme.com/pic/c/coolmotion/headerbunt.png');

}

#pre_header, #post_header {
display: none; /* entfernt nicht genutzte Klassen */
}

#header {
margin: 0px;
padding-left: 400px;
padding-top: 50px;
color: 77b1ee;
font-family: serif;
display:none;
}



/* Navigation */



#nav_container {
float: left;

width: 200px;
background-image: url('http://img.webme.com/pic/e/endlessk/button2.png');
background-repeat: repeat-y;
font-family: 'The Girl Next Door', cursive;
font-size:24px;
}



#nav {
padding: 0;
margin: 10;

}

#nav li {
list-style-type: none;
line-height: 28px;
text-align: center;
display: block;

height: 28px;
background-image: url('http://img.webme.com/pic/e/endlessk/button2.png');
}

#nav li:hover {
background-image: url('http://img.webme.com/pic/c/coolmotion/button3.png');
}
#nav li:active{
background-image: url('http://img.webme.com/pic/e/endlessk/button2.png');
}
#nav li.subpage {
background-image: url('http://img.webme.com/pic/e/endlessk/button2.png');
padding-left: 25px;
}

#nav a {
text-decoration: none;

}

#nav a:hover {
color: #77b1ee;
}

#nav a:active{
color: 77b1ee;
}




/* Content */

#content_container {
float: left;
width: 699px;
color: 77b1ee;
}

#content {
padding: 15px;
}




#counter, #sidebar_container {
display: none;
}

td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px; }
</div>


/* Content */

#content_container {
float: left;
width: 699px;
color: 77b1ee;
}

#content {
padding: 15px;
}




#counter, #sidebar_container {
display: none;
}

td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px; }
</div>


tut mir leid dass ich hier soviel rumfrage aber ich bin bald fertig mit der hp und hoffe dass ich dann nicht mehr nerven muss Very Happy
Beitrag27.02.2012 um 21:53 (UTC)    
Titel:

also ich sehe den header normal und du hast die werbung weg gemach=Ilegal
______________
google hilft dir.
Beitrag27.02.2012 um 22:06 (UTC)    
Titel:

Hallo,

designserviceforyou hat Folgendes geschrieben:
also ich sehe den header normal und du hast die werbung weg gemach=Ilegal

Woher weisst du, wie es normal seinsoll? Und wenn man ein Premium Paket hat, gibt es keine Werbung. Rolling Eyes

Zum Thema:
Als erste solltest du deinem Container Element einen ordentlichen Elementfluss geben. Dazu einfach im entsprechenden Block die overflow Eigenschaft auf hidden setzen. Ausserdem muss das Container Element relativ positioniert werden. Ansonsten richtet sich dein Coolmenü am Viewport aus. Verkleinere mal dein Browserfenster und/oder ändere die Auflösung, dann siehst du was passiert.
Zitat:
#des {
width: 921px;
margin: 0 auto;
text-align: left;

background-image: url('http://img.webme.com/pic/e/endlessk/wasserfall.png');
background-repeat: repeat-y;
border: 0px solid #ccc;
overflow:hidden;
position:relative;

}

Das rote habe ich hinzugefügt.

Der Abstand deines Headers nach unten dürfte am margin und padding des bodys liegen:

Zitat:
body {
font-family: 'The Girl Next Door',cursive;
font-size: 19px;
margin: 40px;
overflow: auto;
padding: 20px;
}


- verschoben, nach: CSS - Fragen zum eigenen Design -
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 28.02.2012, 01:25, insgesamt 3-mal bearbeitet
Beitrag28.02.2012 um 00:06 (UTC)    
Titel: vielen DANK!

vielen Dank an o-4-n!! hat perfekt geklappt mit der super Beschreibung Smile) so ist auch der Header wieder oben und die Navi nun wo sie sein soll!
LIEBEN DANK!


@designserviceforyou

ich habe nichts illegales getan!!!!!!!!! ich habe ein Premiumpaket gebucht!
Beitrag28.02.2012 um 07:36 (UTC)    
Titel:

Dann vielen Dank an o-4-n und danke für die Rückmeldung.

-CLOSED-, da erledigt

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de