Position in Wordpress WordPress
- SOLVED
I'm having trouble re-positioning some IDs in my theme code.
for this site: http://cilque.com/blog/ i would like the menu (the bottom of the second menu line) to sit right above the pink line.
<body <?php body_class(); ?>>
<div id="outside">
{the following is contained within a sidebar.php file that i've copied in here for review purposes }
<aside>
<div id="sidebar">
<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('Sidebar Widgets')) : else : ?>
<?php endif; ?>
</div> <!-- ends sidebar -->
</aside>
<a href="http://cilque.com/blog/"><img src="http://cilque.com/blog/wp-content/themes/CilqueDesign2.0/images/logo.png" class="logo" /></a>
<div id="container">
<div id="content">
---
i had everything working fine and then lost everything by accident! can someone help?
thanks!
Answers (2)
Ivaylo Draganov answers:
Hi,
Do you mean the main menu at the top?
Try something like that in your <em>style.css</em>:
aside {
position: relative;
}
#sidebar {
postition: absolute;
}
This makes it possible to anchor the #sidebar div to the bottom of it's parent(e.g. <aside>). You could then further tweak the styles - heights, margins and so on.
Emilia Farrace comments:
thank you! this worked!
Ivaylo Draganov comments:
An even better solution:
aside {
float: left;
}
#sidebar {
float: left;
width: 670px;
}
There sure are other approaches. Make sure to test that in different browsers.
Sébastien | French WordpressDesigner answers:
you can add something like that in the file style.css
#nav_menu-5{position: absolute; top: 100px; right: 0;}
Emilia Farrace comments:
thank you for answering - i just used the previous reply first and it worked! i do appreciate you taking the time, however. thank you!
Emilia Farrace comments:
thank you for answering - i just used the previous reply first and it worked! i do appreciate you taking the time, however. thank you!