Suche im Forum:
Suchen


Autor Nachricht
Beitrag16.12.2010 um 00:35 (UTC)    
Titel: Header zentrieren

Hi, ich habe seit gestern folgendes Problem:

Mein Header ist nicht mehr zentriert, ich habe jedoch nichts am Design verändert. Könnt Ihr mir helfen?

Verwende das Design CSS

Text über dem Design:

</td></tr></table>
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 13px;
overflow: auto;
padding: 12px;
margin: 0px;
}

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

div.menu
{
position: absolute;
z-index: 3;
top: 240px;
left: 50%;
margin-left:-480px;
width: 940px
}

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

.menu a
{
border: 1px solid #343434;
background-color: #FFFFFF;
padding-top: 8px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 4px;
display: block;
height: 24px;
color: #000000;
}

.menu a:hover
{
background-color: #FFFFFF;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9
{
font-size: 13px;
display: none;
width: 117px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a,#smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a, #smenu9 a
{
font-size: 10px;
font-weight: bold;
padding-top: 12px;
border-top: 0px;
cursor: pointer;
}
//-->

</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="http://kleintierzuchtmika.de.tl/" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
</ul>
</li>

<li><a href="http://kleintierzuchtmika.de.tl/-Ue-ber-uns.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Über Uns</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
</ul>
</li>

<li><a href="http://kleintierzuchtmika.de.tl/Unsere-Farm.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Unsere Farm</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://kleintierzuchtmika.de.tl/Anlage-1.htm">Anlage 1</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Anlage-2.htm">Anlage 2</a></li>
</ul>
</li>

<li><a href="http://kleintierzuchtmika.de.tl/Unsere-Rassen.htm" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Unsere Rassen</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="http://kleintierzuchtmika.de.tl/Zwerg-Wyandotten-gestreift.htm">Zwerg Wyandotten gestreift</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Zwerg-Wyandotten-lachsfarbig.htm">Zwerg Wyandotten lachsfarbig</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Kleinschecken-schwarz-_-wei.ss..htm">Kleinschecken schwarz - weiß</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Lohkaninchen-schwarz.htm">Lohkaninchen schwarz</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Farbenzwerge-schwarz_silber.htm">Farbenzwerge Schwarz-silber</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/S.ue.ddeutsche-Blassen-rot.htm">Süddeutsche Blassen rot</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Amherstfasan.htm">Amherstfasan</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Meerschweinchen.htm">Meer-
<br/ >schweinchen</a></li>
</ul>
</li>

<li><a href="http://kleintierzuchtmika.de.tl/Erfolge.htm" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');"> Erfolge</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="http://kleintierzuchtmika.de.tl/Gudrun.htm">Gudrun</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Herbert.htm">Herbert</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Thomas.htm">Thomas</a></li>
<li> </li>
</ul>
</li>

<li><a href="http://kleintierzuchtmika.de.tl/Galerie.htm" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Galerie</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
</ul>
</li>

<li><a href="http://kleintierzuchtmika.de.tl/Tipps.htm" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Tipps</a>
<ul onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" id="smenu7">
<li><a href="http://kleintierzuchtmika.de.tl/T.ae.towieren.htm">Tätowieren</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Zuchtgruppe.htm">Zuchtgruppe</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Bewertung-Kaninchen.htm">Kaninchen Bewertung</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Bewertung-Gefl.ue.gel.htm">Geflügel Bewertung</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Kunstbrut.htm">Kunstbrut</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/H.ue.hnerbrut.htm">Hühnerbrut</a></li>
<li> </li>
</ul>
</li>

<li><a href="http://kleintierzuchtmika.de.tl/Kontakt.htm" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Kontakt</a>
<ul onmouseout="cache('smenu8');" onmouseover="montre('smenu8');" id="smenu8">
<li><a href="http://kleintierzuchtmika.de.tl/E_Mail.htm">E - Mail</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Links.htm">Links</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Impressum.htm">Impressum</a></li>
<li> </li>
</ul>
</li>
</ul>
</div>
<div id="Header_oben"></div>


CSS-Code
ohne Style Tags:

#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#nav_container {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
div.header{display: none;}

#Header_oben{
color: #FFFFFF;
width: 940px;
height: 120px;
background-image: url(http://img.webme.com/pic/k/kleintierzuchtmika/banneroben.jpg); center;}
float: left;
left: 50%;
padding: 10px;
margin: 0px 0px 0px 0px;}

#nav_container {display:none;}
h2#title span{
margin-top:20px;
padding:5px;
color:#343434;
font-size:13px;
font-afmily:arial;
border:1px solid #C9C9C9;}

#content {
position: absolute;
left: 50%;
top: 260px;
margin-left:-480px;
width: 940px;
padding:10px;
color: :#000000;
font-size:13px;
background-color::#FFFFFF;
background-image:url();
border: 1px solid #FFFFFF;}


#mein_Feld {
position: absolute;
left: 50%;
top: 210px;
margin-left: -480px;
padding: 5px;
width: 940px;
color:#000000;
background-color:#FFFFFF;
background-image:url();
border: 2px solid #000000;}

-->
</style>
<table align="center" cellpadding=0 cellspacing=0 border=0><tr><td align="center">
<style type="text/css">
<!--
</div>
Beitrag21.12.2010 um 19:00 (UTC)    
Titel:

keiner eine Idee?
Beitrag21.12.2010 um 19:05 (UTC)    
Titel:

Ich weiß nicht wieso, aber der Code ist kompliziert...

Versuch´s mal indem du beim Code vom Header das eingibst:

Zitat:
position: absolute;


müsste dann gehen...
______________






Beiträge der letzten Zeit anzeigen:   


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