Please help fix code

aiva286 · 12-17-2012, 05:03 PM

Hello, i have one more problem whit header.
Now.

How it should look.

Index.php

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Clean Mag</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
</head>
<body>
<div id='wrap'>
	<div id='Header'>
		<div class='logo'>
		<a href='#'><img src='images/logo.png'></img></a>
		</div>
		<div class='ads'>
		<img src='images/banner.png'></img>
		</div>
	</div>
	<div id='submeniu'>
		<div class='subup'>
		<a href='#'>Home</a>
		</div>
		<div class='subdown'>
		<a href='#'>Categories</a>
		</div>
	</div>
<div id='border'>	
	<div id='Main'>
		<div id='Primary'>
		</div>
		<div id='Sitebar'>
		</div>
	</div>
</div>
	<div id='Footer'>
	</div>
</div>
</body>
</html>

Style.css

Code:

body, html {
	margin:0px;
}

body {
	background:white;
}

#wrap {
	width:990px;
	margin-left:auto;
	margin-right:auto;
}

#border {
	margin:0px;
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	height:1000px;
}

/* Header */

#Header {
	height:115px;
}

#Header .logo {
	padding-top:35px;
	padding-bottom:35px;
	float:left;
}

#Header .ads {
	float:right;
	padding-top:10px;
	padding-bottom:10px;
}

/* Submeniu */

#submeniu {
	height:78px;
	margin:0px;
}

#submeniu .subup {
	height:34px;
	background:url(images/up.png) repeat-x;
}

#submeniu .subdown {
	height:44px;
	background:url(images/down.png) repeat-x;
}

Thanks

VIPStephan · 12-17-2012, 08:00 PM

We’re only replying to specific questions, not to vague posts.

aiva286 · 12-17-2012, 08:18 PM

Ok, please help whit sidebar it always on bottom. And please help code header because it have some bugs. Thanks

Excavator · 12-17-2012, 11:28 PM

Hello aiva286,
You can move your sidebar into the correct position by re-arranging your markup so that it comes before those #primary's (which should be .primary since you cannot re-use id's like that).

You can also do it by editing only the CSS. Make your CSS look like this (changes highlighted in red) -

Code:

#sidebar {
    /*float: right;
    width: 275px;*/
    margin: 0 0 0 680px;
}

Excavator · 12-17-2012, 11:29 PM

Quote:

Originally Posted by aiva286

help code header because it have some bugs. Thanks

You'll need to be a little more specific than that. If you describe the issue as if you are explaining it to someone viewing your site for the very first time, you'll get better responses.

aiva286 · 12-18-2012, 03:02 PM

Hello, i need that sidebar would be always on top like in other normals webs. Thanks.

Excavator · 12-18-2012, 03:09 PM

Quote:

Originally Posted by aiva286

Hello, i need that sidebar would be always on top like in other normals webs. Thanks.

There are two options for fixing your sidebar in my first reply. Did you try either of them?

aiva286 · 12-18-2012, 04:49 PM

Hello, i have one more problem whit header. Thanks

Excavator · 12-18-2012, 04:54 PM

Quote:

Originally Posted by aiva286

Hello, i have one more problem whit header. Thanks

You'll need to be a little more specific than that. If you describe the issue as if you are explaining it to someone viewing your site for the very first time, you'll get better responses.