Container verschieben

[tarpi]

Ich habe mal wieder ein problem.
Ich hoffe es ist im richtigen Forum Bereich.
Also ich will einen Container neben meine Navigation verschieben.
Genau erkläre ich es in einem Bild:
ImageBanana - Containerverschieben.jpg

Meine Codes:

Das ist die Navigation

<h3>Navigation</h3>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="index.html" id="current">Startseite</a></li>
<li><a href="member.html">Member</a></li>
<li><a href="matches.html">Matches</a></li>
<li><a href="server.html">Server</a></li>
<li><a href="fightus.html">Fight us</a></li>
<li><a href="joinus.html">Join us</a></li>
<li><a href="aboutus.html">About us</a></li>
<li><a href="http://178399.homepagemodules.de">Forum</a></li>
</ul>
</div>

css code zu der navigation

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 160px;
background-color: #999;
background-image: url(images/l1_down.gif);
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #F60;
background-image: url(images/l1_over.gif);
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image: url(images/l1_over.gif);
color: #333;
}

Der Container

<div id="center">
  <p> 

<P ALIGN="CENTER"> <FONT COLOR="#FFFFFF"><FONT SIZE="7">Willkommen</FONT></FONT></FONT></p>
<p>
<P ALIGN="CENTER"> <FONT SIZE="5"><FONT COLOR="#FFFFFF">Willkommen auf der Homepage des Counterstrike 1.6 Clans <b>"The Perfect Ability"</b></font></FONT></p><p>

<P ALIGN="CENTER"> <FONT SIZE="5"><FONT COLOR="#FFFFFF">Wir begrüßen alle Besucher und wünschen euch eine angenehme Zeit auf der Homepage.</font></FONT></p><p>
<P ALIGN="CENTER"> <FONT SIZE="5"><FONT COLOR="#FFFFFF">Wir nehmen noch Member auf Bewerbung im Forum oder per Join us Formular. Auch für ein War sind wir jederzeit offen Anfrage: Forum oder Fight us.</font></FONT></p><p>
</p>
</div>

css code zum Container

body
{
margin: 12;
padding: 10;
width:100%;
height:100%;
background-color:#999999;
}
 
#center
{
width: 1000px;
border: 0px solid white;
margin: 0px auto;
background-color: #000000;
}

mfg tarpi

 

[prm]

Versuch's mal so:

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
float: left;
}


#center
{
width: 1000px;
border: 0px solid white;
margin: 0 0 0 190px;background-color: #000000;
}

Evtl. die Breite von #center noch reduzieren.
Vermutlich wäre es sinnvoll, alles zunächst in einen zentrierten wrapper zu packen.

Im HTML-Bereich entferne noch die Textformatierungen bei den Absätzen. Das kannst du besser über die CSS-Angaben regeln, indem du diese Angaben noch dem #center zuweist.

 

[tarpi]

Vielen Dank hat funktioniert.