CSS: Darstellungsprobleme beim Gästebuch im Design

Abend,
Ich hab da ein kleines Problem mit meinem Gästebuch, hab gerade das Deisgn verändert und jetzt sieht das Gästebuch ziemlich blöd aus.

Ich wollte fragen wie ich es zu meinem jetzigen Design anpassen kann, dass die Schrift kleiner wird und es nicht aus dem Design raus geht. Und noch ein Problem, wieso geht die Navigation nach unten wenn man das Gästebuch öffnet ?

Kann mit Bitte jemand weiter Helfen.

MFG Dennis.

kann mir jemand bitte weiter helfen, hab immer noch keine lösung gefunden

Die Schrift kannst du in deinem Designcode ändern.
Und wieso das dein Gästebuch so komisch ist (keine ahnung)
______________
Hier alle aktuellen News,Ergebnisse und Berichte.
Nur auf dieser Homepage
Weitere Seiten: www.the-red-city.de.tl

ja das mit der schift hab ich versucht und das wird dann auch geändert aber das gästebuch bleibt immer noch so breit

kann es vielleicht sein das ich der designcode einen fehler enthält ?

Text über dem Design:

<center><div id="Testdesign">
<div id="oben"><h1 class="title"></h1></div>

Text unter dem Design:

<div id="sockel">Test
</div></div></center>

CSS-Code ohne Style Tags:

div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{}
h2#title{font-weight:normal;position: absolute; right: 300px;top: 248px;text-align: right;
color: #FFFFFF;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

a{font-weight:500; font-family:arial;color:#FFFFA8; font-size: 12px; text-decoration: none;}
a:hover {font-weight:500;font-family:arial;color: #000023; font-size: 12px; text-decoration: none;}
a:link {font-weight:500;font-family:arial;color: #000012; font-size: 12px; text-decoration: none;}
a:active {font-weight:500;font-family:arial;color: #000034; font-size: 12px; text-decoration: none;}
a:visited {font-weight:500;font-family:arial;color: #000034; font-size: 12px; text-decoration: none;}

body {text-align: left;font-weight:600;font-family:arial;background-color:#c1c1c1;background-image: url(http://discreated.de/img/service/designs/bg.jpg);}

* { padding: 0; margin: 0; }
#Testdesign {
width: 855px;
margin: 20px 20px 20px 50px;
border: 1px solid #000000;}

#oben {
color: #FFFFFF;
width: 709px;
float: left;
padding: 70px;
border: 1px solid #000000;
height: 46px;
margin: 2px 2px 2px 2px;
background-image: url(http://discreated.de/img/service/designs/header.jpg);}

#sidebar_container {
font-size: 12px;
font-weight:500;
font-family:arial;
color: #000000;
border: 1px solid #000000;
background: #ffffff;
margin: 0px 2px 2px 0px;
padding: 0px;
width: 178px;
float: right;}

#content {
font-size: 12px;
font-weight:500;
font-family:arial;
float: left;
color: #000000;
border: 1px solid #000000;
background: #ffffff;
margin: 0px 2px 2px 2px;
padding: 45px 10px 10px 20px;
width: 637px;
display: inline;
background-image: url(http://discreated.de/img/service/designs/textfeld.jpg);background-repeat: no-repeat;}

#sockel {
font-size: 12px;
font-weight:500;
font-family:arial;
width: 843px;
clear: both;
color: #000000;
border: 1px solid #000000;
background: #ffffff;
margin: 0px 2px 2px 2px;
padding: 3px;}

/* Die Navigation mit CSS */

#navi {
width: 178px;
margin: 0;
padding: 0;}

#navi ul, #navi li{
list-style-type: none;
padding-top: 0px;}

#navi li a {
text-decoration: none;
display: block;
width:100%;
padding: 0px;}

#navi a:link, #navi a:visited {
width: 166px;
color: #000000;
padding: 2px 0px 0px 10px;
text-align: left;
background-image: url(http://discreated.de/img/service/designs/button.jpg);
height:23px;}

#navi #akt {
padding: 5px 10px 0px 0px;
text-align: right;
color: #FFFFFF;
background-image: url(http://discreated.de/img/service/designs/nav.jpg);
height:27px;}

#navi a:hover{
text-align: left;
color: #000000;
background-image: url(http://discreated.de/img/service/designs/buttonh.jpg);}



#counter{display: none;}

Inhalt der 1.Extra-Box(rechts):

<ul id="navi">
<li style="font-weight: bold;">
<div id="akt"><span style="font-size: medium;">Navigation</span></div>
</li>
<li style="color: rgb(0, 0, 0);"><a href="http://neonblue.de.tl/"> Home</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://neonblue.de.tl/Modified_Client.htm"> Modified-Client</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://neonblue.de.tl/Values.htm"> Values</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://neonblue.de.tl/GM_Befehle.htm"> GM-Befehle</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://neonblue.de.tl/Downloads.htm"> Downloads</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://neonblue.de.tl/Links.htm"> Links</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://neonblue.de.tl/G.ae.stebuch.htm"> Gästebuch</a></li>
</ul>
<img src="http://discreated.de/img/service/designs/nav.jpg" alt="" /><br />
<div align="center"><object id="MediaPlayer" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
width="135" height="53" standby="Loading Microsoft Windows Media Player components..."
type="application/x-oleobject">
<param name="FileName" value="http://www.kr-radio.com:8070">
<param name="TransparentAtStart" value="true">
<param name="AutoStart" value="true">

<param name="AnimationatStart" value="false">
<param name="ShowStatusBar" value="true">
<param name="ShowControls" value="true">
<param name="autoSize" value="false">
<param name="displaySize" value="false">
<param name="ShowAudioControls" value="true">
<param name="ShowPositionControls" value="false">
<embed type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"
src="http://www.kr-radio.com:8070" name="MediaPlayer"
width="173" height="45" transparentatstart="1" autostart="1"
animationatstart="0" showcontrols="true" showaudiocontrols="1"
showpositioncontrols="0" autosize="0" showstatusbar="1" displaysize="false"> </embed>

</object></div>

push

push

Beim CSS-Design sieht Gästebuch immer einbisschen anders aus.

So kannst du die Schriftart u. Schriftgröße deines Gästebuches ändern:
Extras editieren
Gästebuch: Extra bearbeiten

Diese Codes bei ,,Text vor dem Gästebuch" einfügen.

danke sehr jetzt passt die schrift zum design nur das gästebuch will sich nicht zentrieren lassen