<div id="logo">…</div> is a block element. That said, the element will taking up full width of the parent element. All subsequent elements are placed after the block element.
What to do now? Absolute CSS Positioning! This tells the browser that whatever is going to be positioned should be removed from the normal flow of the document and will be placed in an exact location on the page. It is also taken out of the normal flow of the document:
Code:
#container, .inside {
position: relative;
}
#logo {
padding: 20px 0;
widht: 260px;
}
#header .mod_navigation {
float: right;
font-family: Georgia;
font-size: 16px;
position: absolute;
right: 0;
top: 60px;
}
#header .mod_navigation ul {
float: right;
list-style-type: none;
margin: 0;
padding: 0;
}
I would suggest you to use the Contao framework and the Contao layout generator!
Bookmarks