How do i make this code capable in php?

<div id="idag" align="center"><p>I dag har foreningen eksisteret i 
<%=DateDiff("yyyy",#1858-03-21#,#2014-01-01#)%>
 år og 
<% 'Noter at der er fratrukket 20 dage fra dage. Detta må korrigeres vid skudår!' %> 
<%=DateDiff("d",#2014-01-22#,now)%> dage</p></div>

Nav bar on the left with a responsve logo on the right

I have a navbar at the top of each page with a list of elements all with float: left; applied to them. I then have a company logo floating on the right hand side of the nav bar. The issue is that if I make the window too small, the logo will move underneath the list items, I need it to shrink in size.

I do have media queries for mobile devices, but this is when the screen is still too large for a mobile device. I may also mention that the number of items on the menu bar can change, so a media query for this is not suitable.

Centering a header.

How would i go about centering this header.

.site-header {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;

Making content (text) area larger in a wordpress theme.

I was able to make my theme area larger by modifying this section of the stylesheet.css:

/*========= LAYOUT =========*/
 
#page{
	background: #ffffff;
	margin: 0 auto;
	width: 960px;
}

But this leaves a gap between the content area (where the text of a page or post is located) and the sidebar. I want to make the text area a little wider.

Here is the complete css code of the theme:

/*  
Theme Name: Original Premium News
Theme URI: <a href="http://www.woothemes.com/
Description:" rel="nofollow">http://www.woothemes.com/
Description:</a> Original Premium News by WooThemes
Version: 2.4.5
Author: WooThemes

css positioning problem

Is there any way to just make the entire page fixed so that nothing changes at all when you zoom in or out and everything just gets smaller/bigger appropriately? I'm kind of inexperienced with html and css, but I have things the way I want them and this is really the only problem I've come across. I'm using webgui.

Syndicate content