Suche im Forum:
Suchen


Autor Nachricht
Beitrag29.11.2012 um 18:38 (UTC)    
Titel: wie geht das in die mitte?

Hallo, wie bekomme ich den Textinhalt in die Mitte der Homepage?

Hier noch ein Bild -> http://www.loaditup.de/745088-ahez47swqw.html


Text Über Design
Code:
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title">
<h1><a href="http://www.templatemo.com"><img alt="logo" src="images/templatemo_logo.png"><span>Free CSS Templates</span></a></h1>
</div>
<!-- end of site_title --><br>
<div id="header_right">
<div id="templatemo_menu">
<ul>    <br>
   <br>
   <br>
   <li><a href="aboutus.html">WELCOME<span>Start</span></a></li>
   <li><a href="services.html">WHAT WE DO<span>Services</span></a></li>
   <li><a href="news.html">LATEST NEWS<span>Updates</span></a></li>
   <li><a href="aboutus.html">WHO WE ARE<span>About Us</span></a></li>
   <li><a href="aboutus.html">WHO WE ARE<span>About Us</span></a></li>
</ul>
</div>
<!-- end of templatemo_menu --></div>
</div>
<!-- end of templatemo_header -->
<div style="text-align: center;"><img src="http://www.loaditup.de/files/745084_ucdbkpgq3w.jpg" alt="" />&nbsp;<img src="http://www.loaditup.de/files/745086_cmuk56xbx4.jpg" alt="" />&nbsp;<img src="http://www.loaditup.de/files/745087_uzs856ubc8.jpg" alt="" /></div>
</div>
</div>
<div id="templatemo_content_wrapper">
<div id="templatemo_content_top"></div>
<div id="templatemo_content">
<div class="col_w590 float_l">


CSS Code
Code:
#extraDiv1 {
display:none;
}

#extraDiv2 {
display:none;
}

#extraDiv3 {
display:none;
}

#extraDiv4 {
display:none;
}

#extraDiv5 {
display:none;
}

#extraDiv6 {
display:none;
}

#pre_header {
display:none;
}

#post_header {
display:none;
}

#pre_content {
display:none;
}

#nav_heading {
display:none;
}

#nav {
display:none;
}

div.header {
display:none;
}

h1#title {
display:none;
}

h2#title span {
display:none;
}


td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px;
}

/*
Credit: http://www.templatemo.com
*/

body {
   margin: 0px;
   padding: 0px;
   color: #333;
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 13px;
   line-height: 1.5em;
   background-color: #923947;
   background-image: url(http://www.loaditup.de/files/745074_kq9redhg65.jpg);
   background-repeat: no-repeat;
   background-position: top center;
}

a, a:link, a:visited { color: #ff4301; text-decoration: none; }
a:hover { color: #999900; text-decoration: underline; }

p { margin: 0px; padding: 0; }
img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #000; }
h1 { font-size: 40px; font-weight: normal; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 28px; font-weight: normal; margin: 0 0 30px 0; padding: 0; }
h3 { font-size: 21px; margin: 0 0 15px 0; padding: 0; padding: 0; color: #000; font-weight: normal; }
h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0; color: #333; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #fff; text-shadow: 1px 1px 1px #555 }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; color: #333; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


.float_l { float: left; }
.float_r { float: right; }

.image_wrapper { display: inline-block; padding: 4px; border: 1px solid #fff; background: none; margin-bottom: 10px; }
.image_fl { float: left; margin: 3px 15px 0 0; }
.image_fr { float: right; margin: 3px 0 0 15px; }

blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; color:#3b3823; }
cite span { color: #696443; }
em { color: #000; }

.tmo_list { margin: 20px 0; padding: 0; list-style: none; }
.tmo_list li { background: transparent url(http://img.webme.com/pic/h/hpbk-templateworld/592673.png) no-repeat scroll 0 0px; margin:0 0 20px; padding:0 0 0 25px;    line-height: 1em; }
.tmo_list li a { color: #000; }
.tmo_list li a:hover { color: #990; }


.button a { color: #000; font-weight: bold; }

.button a span { color: #000; font-size: 18px; }

.button a:hover { color: #900; text-decoration: none; }

#templatemo_wrapper {
   width: 970px;
   margin: 0 auto;
}

#templatemo_header {
   width: 910px;
   height: 160px;
   padding: 0 30px;
   margin: 50px 0 20px;
   background: url(http://www.loaditup.de/files/745075_esc4n8n7bs.png) no-repeat bottom center;   
}

#templatemo_header  #site_title {
   float: left;
   width: 210px;
   padding: 50px 0 0 10px;
}

#templatemo_header  #site_title a {
   margin: 0px;
   padding: 0px;
   font-size: 40px;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}

#templatemo_header  #site_title a span {
   display: block;
   font-size: 14px;
   color: #333;
   font-weight: normal;
   margin-top: 10px;
   margin-left: 5px;
}

#header_right {
   float: right;
   width: 660px;
}

#social_box {
   float: right;
   display: inline-block;
   margin: 20px 0 10px;
   padding: 0;
   list-style: none;
}

#social_box li {
   display: block;
   float: left;
   padding: 0;
   margin: 0;
}

#social_box li a {
   width: 46px;
   height: 46px;
   margin-right: 5px;
}


/* menu */

#templatemo_menu {
   clear: both;
   float: right;
   display: inline-block;
}

#templatemo_menu ul {
   display: inline-block;
   height: 75px;
   margin: 0;
   padding: 0;
   list-style: none;
}

#templatemo_menu ul li {
   padding: 0;
   margin: 0;
   display: inline-block;
}

#templatemo_menu ul li a {
   float: left;
   display: block;
   height: 60px;
   width: 120px;
   padding: 15px 0 0 0;
   font-size: 11px;
   color: #bc7682;   

   text-align: center;
   text-decoration: none;
   font-weight: normal;
   outline: none;
   border: none;
}

#templatemo_menu ul li a span {
   display: block;
   font-size: 20px;
   font-weight: normal;
   color: #bc7682;
}

#templatemo_menu ul li .last {
   background: none;
}

#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
   color: #6e202c;
   background: url(http://img.webme.com/pic/h/hpbk-templateworld/592675.png) center center no-repeat;
}

 #templatemo_menu ul li a:hover span, #templatemo_menu ul .current span {
    color: #6e202c;
 }

#templatemo_menu ul li a span:hover {
   color: #6e202c;
}
/* end of menu */

/* content */

#templatemo_content_wrapper {
   clear: both;
   width: 970px;
}

#templatemo_content_top {
   width: 970px;
   height: 20px;
   background: url(http://img.webme.com/pic/h/hpbk-templateworld/592676.png) no-repeat center bottom;
}

#templatemo_content_bottom {
   width: 970px;
   height: 20px;
   background: url(http://img.webme.com/pic/h/hpbk-templateworld/592677.png) no-repeat center top;
}
   
#templatemo_content {
   padding: 10px 30px;
   background: url(http://img.webme.com/pic/h/hpbk-templateworld/592678.png) repeat-y center;
}


#templatemo_content p {
   margin-bottom: 10px;
}

.col_w425 {
   width: 425px;
}

.col_w270 {
   float: left;
   margin-right: 50px;
   width: 270px;
}

.col_w590 {
   width: 590px;
   margin-right: 50px;
}

.col_last {
   margin-right: 0;
}

.sb_news_box {
   margin-bottom: 20px;
   padding: 10px 0 20px 0;
   border-bottom: 1px solid #fff;
}

.sb_news_box img {
   float: left;
   width: 80px;
   height: 80px;
   border: 1px solid #FFF;
   padding: 2px;
}

.sb_news_box .nb_right {
   float: right;
   width: 170px;
   margin-bottom: 0;
   padding-bottom: 0;
}

.sb_news_box .nb_right a {
   text-decoration: none;
}

.sb_news_box .nb_right a h6 {
   color: #6d232e;
   text-decoration: underline;
}

.news_box {
   clear: both;
   margin-bottom: 30px;
   padding-bottom: 30px;
   border-bottom: 1px dashed #fff;
}

.news_box .news_meta {
   margin-bottom: 10px;
}

.news_box img {
   float: right;
   width: 240px;
   height: 180px;
   margin-left: 30px;
   margin-bottom: 10px;
   border: 1px solid #fff;
   padding: 4px;
}

.news_box h2 {
   margin-bottom: 10px;
}

.news_box_last {
   margin: 0;
   padding: 0;
   border: none;
}


.service_box {
   clear: both;
   padding-bottom: 30px;
   margin-bottom: 30px;
   border-bottom: 1px dashed #fff;
}

.service_box img {
   float: left;
   width: 48px;
   height: 48px;
}

.service_box .sb_right {
   float: right;
   width: 500px;
}

.comment{
   font-weight: bold;
}

/* end of content */

/* sp_box */

#templatemo_sp_box {
   clear: both;
   width: 910px;
   padding: 20px 30px;
   height: 118px;
   margin-bottom: 20px;
   background: url(http://img.webme.com/pic/h/hpbk-templateworld/592679.png) no-repeat center top;
}

#templatemo_sp_box img {
   float: left;
   width: 60px;
   height: 60px;
}

#templatemo_sp_box .right {
   float: right;
   width: 200px;
}

#templatemo_sp_box p {
   margin-bottom: 15px;
}

#templatemo_sp_box .button a span { color: #000; }
#templatemo_sp_box .button a { color: #000;    }
#templatemo_sp_box .button a:hover { color: #900; }

/* end of sp_box */

#contact_form {
   float: left;
   padding: 0;
}

#contact_form form {
   margin: 0px;
   padding: 0px;
}

#contact_form form .input_field {
   width: 270px;
   padding: 5px 0;
   background: #fff;
   border: 1px solid #666;
   padding: 5px;
}

#contact_form form label {
   display: block;
   width: 100px;
   margin-bottom: 2px;
   font-size: 14px;   
}

#contact_form form textarea {
   width: 270px;
   height: 200px;
   background: #fff;
   border: 1px solid #666;
   padding: 5px;
}

#contact_form form .submit_btn {
   background: #fff;
   border: 1px solid #666;
   padding: 8px 15px;
}

#templatemo_footer {
   width: 910px;
   padding: 10px 30px;;
   text-align: center;
   color: #000;
}

#templatemo_footer a {
   color: #000;
}
Beitrag29.11.2012 um 18:42 (UTC)    
Titel:

Hi,

Du musst hier
Code:
/* content */

#templatemo_content_wrapper {
   clear: both;
   width: 970px;
}


einfach noch ein margin: 0 auto; einfügen

Das Ganze sieht dann so aus:
Code:

/* content */

#templatemo_content_wrapper {
   clear: both;
   width: 970px;
   margin: 0 auto;
}

______________
mfg SEO
---
Ist ein Thema von dir erledigt, dann schreib das [erledigt] doch BITTE auch in den Titel des ersten Postings rein!
Verwendet sinnvolle und beschreibende Titel. Wer kann mir helfen ... oder Hilfe... sind nur bedingt hilfreich!
Doppelpostings quer durchs Forum finden übrigens nicht nur Moderatoren doof!
Themenfremde Posting in den verschiedenen Kategorien sind ebenso doof und schaffen nur unnötige Arbeit!
Beiträge der letzten Zeit anzeigen:   


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