Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag23.05.2010 um 10:32 (UTC)    
Titel: Design zentrieren klappt einfach nicht!

Hallo, ich habe seit Monaten ein Problem und immer wieder das Forum durchforstet aber keine Lösung gefunden. Und zwar krieg ich mein Design nicht zentriert, es ist andauernd zu weit rechts. An sämtlichen Codes, die ich hier im Forum gefunden habe bin ich bisher gescheitert.

Nun wollte ich wissen was mit meinem Designcode nicht in Ordnung ist, es ist gut möglich, dass da etwas nicht stimmt, da ich von einem drittel der Codes nicht weiss wozu sie gut sind.

Ich würde mich freuen, wenn mir jemand helfen kann:

Text über dem Design:

Code:

<tr>
<td>

<style type="text/css">
<!--
-->
</style>
<div id="werbung"></div>

<div id="Papafiot">
<div id="rechtes"><img border=0 src="http://img.webme.com/pic/p/pptestsite/rechts.png"></img></a></div>
<div id="Header_oben"></div>
<div id="header">
<div id="head">
<div id="content_container">
<div id="pre-content">
<div id="menu2">
<br /><br />
<br /><div style="text-align: center;"><span style="font-family: Tahoma;"><span style="font-size: small;"><a style="text-decoration: none;" href="http://papafiot.de.tl/Newsletter.htm">Newsletter</a><br />
<br />
<a style="text-decoration: none;" href="http://www.papafiot.com/Equipment.htm"><br />
Equipment</a><br />
<br />
<br />
<a style="text-decoration: none;" href="http://www.papafiot.com/Links.htm">Links</a><br />
<br />
<br />
<a style="text-decoration: none;" href="http://www.papafiot.com/Forum/index.htm">Forum</a><br />
<br />
<br />
<a style="text-decoration: none;" href="http://www.papafiot.com/Kontakt.htm">Kontakt</a></span></span><br />
<br />
<br />
<img alt="Counter" style="border: medium none; width: 77px; height: 24px;" src="http://www.andyhoppe.com/count/?id=1260229381" /></div>
</div></div>
</div>
<div id="nav">
<li><a href="http://www.papafiot.com/Home.htm">Startseite</a></li>
<li><a href="http://www.papafiot.com/-Ue-ber-mich.htm">Über mich</a></li>
<li><a href="http://www.papafiot.com/Video.htm">Video</a></li>
<li><a href="http://www.papafiot.com/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://video-produktion.tk/">Dienstleistung</a></li>
<li><a href="http://www.papafiot.com/Impressum.htm">Impressum</a></li>
</ul>
</div>
<!--
td{
color: #000000;}
//-->
</style>



CSS-Code
ohne Style Tags:


Code:


div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

a{color:#000000; font-size: 15px; text-decoration: none;}
a:hover {color: #000000; font-size: 15px; text-decoration: none;}
a:link {color: #000000; font-size: 15px; text-decoration: none;}
a:active {color: #000000; font-size: 15px; text-decoration: none;}
a:visited {color: #000000; font-size: 15px; text-decoration: none;}

* { padding: 0; margin: 0; }

#Papafiot {
margin: 0 auto;
width: 720px;}

/* Seitenhintergrund*/
body {background-image: url(http://img.webme.com/pic/p/papafiot/hgrund.png);
background-attachment: fixed;}

/* Navigation*/
#nav { position: relative;
left: 50%;
top: 120px;
list-style:none;
margin-left: -160px;}
* html #nav { bottom: 0px; }
#nav li { float:left; }
#nav li a {
background:url();
display:block;
height:18px;
width:;
font-family: Verdana, sans-serif;
text-align: center;
margin: 10px;}

#nav li a:hover {
display:block;
background:url();
height:18px;
left:50%;
width:;
margin: 10px;
font-family: Verdana, sans-serif;
text-align: center;
font-weight: ;
color: #444444;
text-decoration:none;}
#nav li a strong { color: #444444; padding-left: 20px;
position:relative; top: 5px;
}

/* Boxen Hintergrund*/
#rechtes{
position:absolute;
top:280px;
margin-left:357px;
left:50%;
}

/* Header_Content_Footer*/
#content_container{
width: 939px;}
#pre_content{
background: url(http://img.webme.com/pic/p/pptestsite/oben2.png) no-repeat;
z-index:1;
height:178px;}
#content{
background: url(http://img.webme.com/pic/p/pptestsite/mitte2.png) repeat-y;
min-height: 500px;
padding: 230px;
padding-top:30px;
padding-bottom:20px;
padding-left: 10px;}
#post_content{
background: url(http://img.webme.com/pic/p/pptestsite/unten2.png) no-repeat;
height: 20px;}

margin: -1px 0px 0px 0px;
padding: 11px;
overflow:auto;
}

#counter {
width: 0px;
height: 0px;
left: 50%;
top: 400px;
margin-left:-453px;
text-align:center;
color: #;
background:url();
margin: 0px 0px 10px 10px;
font-size: 0px;
float: left;
}

/* Rechte Box */
#sidebar_container {
position: absolute;
left: 50%;
top: 575px;
margin-left: 378px;
width: 158px;
height: 170px;
line-height:0px;
color: #000000;
font-size: 13px;
line-height: 14px;
overflow: auto;
font-family: Verdana, sans serif;
background-image:url(http://img.webme.com/pic/p/pptestsite/box.png);
border: 0px solid #000000;}

/*Extra Menu*/
#menu2 {
position: absolute;
left: 50%;
top: 310px;
margin-left: 378px;
width: 158px;
height: 210px;
line-height:9px;
color: #000000;
font-size: 13px;
font-family: Verdana, sans serif;
overflow: auto;
z-index: 5;
background-image:url(http://img.webme.com/pic/p/pptestsite/menubox.png);
border: px solid #000000;}

/* Link Hover*/
a:hover {
color: #444444;
text-decoration:none;}


Danke im Voraus
Lg...
______________
www.papafiot.com


Zuletzt bearbeitet von papafiot am 23.05.2010, 17:16, insgesamt 4-mal bearbeitet
Beitrag23.05.2010 um 14:07 (UTC)    
Titel:

wenn alle stricke reißen ganz einfach:
Ganz oben bei text über dem design:

Code:
<center>


und ganz unten bei text unter dem design:

Code:
</center>


so hat es bei mir bisher immer geklappt... auch wenn es nicht die eleganteste Lösung ist
______________

Akinom ist ein kostenloses Strategie-Browser-Kartenspiel komplett in PHP geschrieben.
HPBK Posting Roulett
Beitrag23.05.2010 um 16:11 (UTC)    
Titel:

Danke für die Antwort.
Tja, leider hat selbst das nicht geholfen, es rührt sich nichts Sad

Edit:
Ich hab den Fehler selbst entdeckt. Die Breite des Designs war auf 720px eingestellt statt auf 939px. Jetzt siehts wieder gut aus ! Very Happy
______________
www.papafiot.com


Zuletzt bearbeitet von papafiot am 23.05.2010, 17:27, insgesamt 3-mal bearbeitet
Beitrag23.05.2010 um 16:41 (UTC)    
Titel:

Freut mich, dass es von allein geklappt hat. Wink
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de