Hallo liebe WP-Community!
Baue derzeit mein eigenes Theme auf für meine kleine Internetpräsenz und komme bei der Anordnung meiner Navigation mit Searchbar einfach nicht weiter. Meine Searchbar wird immer nach unten verschoben obwohl die Pixelwerte eigentlich stimmen. Woran könnte das liegen?
Website sieht so aus: http://kf-licht-ton.de/wordpress/
HTML:
HTML
<div id="nav_container">
<div id="nav_box">
<?php meine_hauptnavi(); ?></div>
<div class="nav_search">
<?php get_search_form();?>
</div>
</div>
Style:
Code
#nav_container {
height:30px;
width: 942px;
padding:0;
margin-top:122px;
margin-left:0px;
vertical-align:baseline;
line-height:1;
display:block;
}
#nav_box {
height:30px;
width: 740px;
margin-top:122px;
margin-left:0px;
padding:0;
font-size:20px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: 200;
text-align:center;
color:#FFF;
}
.pagemenu li {
display:inline;
list-style:none;
color:#FFF;
height:30px;
margin-top:0; margin-bottom:0;
margin-left:auto; margin-right:auto;
padding-top:4px;
border-top-left-radius:10px;
border-top-right-radius:10px;
}
.pagemenu a {
float:left;
height:25px;
padding-left:15px;
padding-right:15px;
padding-top:4px;
border-top-left-radius:10px;
border-top-right-radius:10px;
background-color:#333333;
color: #FFF;
}
.pagemenu li a:hover {
color:#FFFFFF;
text-decoration:underline;
}
.pagemenu .current_page_item {
color:#000000;
background-color: #FFF;
font-weight:600;
}
.nav_search {
width:200px;
height:30px;
text-align:right;
padding:0px;
margin:0px;
line-height:1;
vertical-align:baseline;
float:right;
display:block;
outline:0px none;
}
Alles anzeigen
Woran könnte das liegen?
Bei den einzelnen Style Attributen bin ich mir nicht unbedingt ischer was davon alles nur Müll ist und was korrekt ist, aber in der verzweifelt Lösungssuche kopiert man ja so einiges zusammen ... :|
Danke schon mal im vorraus.
LG