Resolution and textarea problem :/

Hi guys!

I have a homework for an internship and I have to replicate a webpage from a picture. Here's their picture: image and here's what I got: mystuff.

I don't know how to put those textareas near the text when the resolution is high. At 1024x768 (which is the minimum imposed) it looks good, but when I maximize the window, this happens. :/

Here's the code: . I'm not sure about it, but can someone help? Laughing out loud


How do i make this code capable in php?

<div id="idag" align="center"><p>I dag har foreningen eksisteret i 
 å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 =========*/
	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="
Description:" rel="nofollow">
Description:</a> Original Premium News by WooThemes
Version: 2.4.5
Author: WooThemes

Syndicate content