CSS website glitching, school project gone wrong

Dev Shed Forums Sponsor:

January 24th, 2013, 02:33 AM

Lamaewok

Registered User

Join Date: Jan 2013

Posts: 1

Time spent in forums: 34 m 7 sec
Reputation Power: 0

Homework - CSS website glitching, school project gone wrong

so i am a really new webdeveloper and in school we had to make a website with diffrent stuff and so on, and my "content" tab is glitching out not being in place, how can i fix this?

style.css

Quote:

body {
margin: 0;
padding: 0;
text-align: center;
font: 17px Arial, small, sans-serif;
font-size: 20px;
color: #061C37;
background: #CCCCCC;
background-image:url(bgtest.png);
background-repeat:repeat-x;
}
*
{
margin: 0 auto 0 auto;
text-align:left;}

#container
{
display:inherit;
height:auto;
position: 22,28;
width: 500px;
}

#header
{
height:85px;
width:960px;
}

#mainpic
{
background-image:url(images/main.jpg);
background-repeat:no-repeat;
width:900px;
height:354px;
}

.off
{
color:#;
}

#menu
{
display:block;
float:middle;
clear:none;
width:100px;
height:54px;
float:middle;
clear:both;
}

#content
{
display:block;
float:middle;
width:550px;
height:middle;
padding-left:10px;
padding-top:80px;
padding-right:10px;
padding-bottom:10px;
}

#content_top
{
background-image:url(images/main_top.png);
background-repeat:no-repeat;
width:550px;
height:20px;
}

#content_main
{
background-image:url(images/main_back.png);
background-repeat:repeat-y;
width:550px;
padding-left:5px;
padding-right:5px;
}

#content_bottom
{
background-image:url(images/main_bottom.png);
background-repeat:no-repeat;
width:550px;
height:20px;
}

#footer
{
width:inherit;
height:auto;
}

#footer h3 a,#footer h3 a:visited
{
display:inline;
text-align:center;
font-size:12px;
text-decoration:none;
color:#000;
}

#menu ul {
list-style: none;
padding: 0px;
margin-left:auto;
width:960px;
}

#menu li {
list-style: none;
padding: 0px;
display: inline;

}

#menu a {
float: center;
height: 40px;
display: inline-table;
text-align: center;
text-decoration: ;
color: #000000;
font-weight: bold;
padding-top: 17px;
font-size: 17px;
padding-left:15px;
padding-right:15px;

}

#menu a:hover{
background-image:url(hoverover.png);
background-repeat:repeat;
}

#content p
{

}

html, body {
text-align: center;
}
p {text-align: left;}

This is the index.html, no idea if it helps

Quote:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Nettdesign | Tastarustå</title>
</head>

<body>
<div id="container">
<div id="header">
<h1><span class="off"></span></h1>
<h2></h2>
</div>

<div id="menu">
<ul>
<li class="menuitem"><a href="index.html">Info</a></li>
<li class="menuitem"><a href="indexVideo.html">Video</a></li>
<li class="menuitem"><a href="indexInterview.html">Interview</a></li>
</ul>
</div>

<div id="leftmenu">

</div>

</div>

<div id="content">

<div id="content_top"></div>
<div id="content_main">
<h2>Nettdesign er et yrke som går ut på og designe og kode nettsider </h2>
<p> </p>
<p> </p>
<h3>Hvordan lager man en nettside?</h3>
<p>Først og fremst må man ha en pc, for man bruker pc programmer til og designe og lage nettsiden, fremgangsmåten er som regel at man lager et design, så lager man koden for designet.</p>
<p> </p>
<h3>Jobb</h3>
<p> Og få jobb som nettdesigner er ikke det samme som og få jobb som for eksempel elektriker, det er et yrke som, ikke krever noe fagbrev eller lignere, som regel går man medie & kommunikasjons linjen for og bli en nettdesigner, og mange jobber på en måte som heter "Freelance" som vil si at de lager nettdesign og selger dem til høyeste bud, og at man ikke jobber for noe firma</p>
<p> </p>
<h3>Lønn</h3>
<p> Lønn varierer veldig, man får kanskje et par tusen for et nettdesign, og det spørs hvor bra det ser ut, og hvor bra kodingen er, som oftest må nettdesignere også være selgere, de ser kanskje gjennom nettsider og finner en de ikke synes ser så bra ut, da kan de ta det firmaet og lage en ny nettside til dem, gå til dem og si "Jeg har et bedre nettdesign for dere, og det koster 5000kr" På den måten får han vist frem produktet sitt og hvis det er bedre for han også solgt det, og jo mer han selger jo mer kjent blir han, og det er bare de beste som får kunder som spør etter det.</p>
<p></p>
<p> </p>
</div>
<div id="content_bottom"></div>

<div id="footer"><h3><a href="randomlink">copyright lamaewok 2012</a></h3></div>
</div>
</div>
</body>
</html>

the thing below is the imgur link, cant post real links.. :/
/Tre0Rz5

Its a 1600 x 1200 display,
Thanks for reading, and i would really love it if you could help me out, -Lama

Homework - CSS website glitching, school project gone wrong

Developer Shed Advertisers and Affiliates