Suche im Forum:
Suchen


Autor Nachricht
Beitrag30.05.2010 um 01:29 (UTC)    
Titel: [erledigt] Design: Iceblue Header nicht mittig

Hallo,
ich habe ein Problem mit meinem Header und Seitentitel (headline2)

Ich habe diesen Code als Vorlage genommen:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=114776

Das einzige, was ich nicht so hinbekomme, dass es bei allen Auflösungen mittig ist, sind der Header und der Seitentitel (der eigentlich zentriert ist, bei manchen Auflösungen aber weiter links hängt).

Das ist mein Code:


<center><style type="text/css">
<!--

table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important; height: 0px !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 0% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 0% !important;}
td.edit_rechts_cbg{width:100%;}

body{background: #000000 url();}

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

td.edit_content{
font-weight:bold;
color: #ffffff;
background: #800000 url();
height: 500px !important;
padding: 10px 0px 10px 0px;
-khtml-border-radius-bottomright: 8px;
-khtml-border-radius-bottomleft: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;}

td.edit_content_top{
background: transparent url(http://img.webme.com/pic/k/kleinhippie/content_top.jpg);
height: 50px;}

td.headline2{font-size: 25px;
font-weight:bold;
text-align: center;}

td.edit_content_bottom2{
background: transparent url(http://img.webme.com/pic/d/design-red/cont_bottom.png) no-repeat center top;
height: 35px;
border-top: 9px solid #4a0000;}

td.edit_content_bottom{display:none;}

.edit_copyright{color: #fff;}

td.edit_content_left_spacer{background: transparent url();}

td.edit_content_right_spacer{background: transparent url();}

td.nav_heading{
background: transparent url(http://img.webme.com/pic/d/design-red/head.png);
height: 23px;
font-family: arial;
font-size: 15px;
color: #fff;
text-align: left;
border-right: 3px solid #4A0000;
font-weight:bold;}

td.nav{
background: #fff url(http://img.webme.com/pic/k/kleinhippie/button1_version2.jpg);
width: 185px;
height: 33px;
border: 1px solid #4A0000;
border-right: 3px solid #4A0000;}

td.nav:hover{background: #fff url(http://img.webme.com/pic/k/kleinhippie/button2.jpg);}

td.nav a{
font-family: arial;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
font-weight:bold;}

a.menu{
display: block;
padding: 8px 0px 0px 24px;
margin-left: -24px;}

td.edit_below_nav{background: url(http://img.webme.com/pic/k/kleinhippie/schnoerkel-below.nav.jpg) repeat; height: 800px;}

td.edit_below_nav img{visibility: hidden;}

td.edit_rechts_cbg{background: transparent url();height: 0px !important;}

td.edit_rechts_sbg{background: transparent url();}

td.edit_rechts_bottom{background: transparent url(http://img.webme.com/pic/k/kleinhippie/schnoerkel-below.shouty.jpg);height: 182px; repeat;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background: #800000 url() repeat;
font-family: arial;
text-align: center;
font-size: 12px;
color: #fff;
border-left: 3px solid #4a0000;}

td.edit_navi_headbg{background: transparent url();height: 0px !important;}

td.sidebar_heading{
background: transparent url(http://img.webme.com/pic/d/design-red/head2.png);
height: 23px;
width: 202px;
border-left: 3px solid #4A0000;}

td.edit_rb_footer{
background color: #800000;
background: transparent url() no-repeat;
height: 19px;
padding: 15px 0px 0px 0px;
border-left: 3px solid #4a0000;}

td.sidebar_heading{
font-family: arial;
font-size: 12px;
color: #fff;
font-weight:bold;
text-align: center;}

td.edit_header_full{
margin: auto;
background: transparent url(http://img.webme.com/pic/k/kleinhippie/header_gilde_4klassen.jpg) no-repeat;
width: 900px;
height: 142px;
border-bottom: 5px solid #4a0000;}

td.headline{visibility:hidden;}

td.edit_content_main div{overflow: hidden !important;}

-->
</style></center>


Habe auch schon hier im Forum gestöbert, bin allerdings nur auf Lösungen wie diese gestoßen:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=118685

Und mit der bekomme ich das nicht hin, ohne dass es mir dann bei manchen Auflösungen den rechten Teil des Designs abschneidet.

Hat vielleicht jemand eine Idee, was ich falsch mache?^^
Vielleicht liegts auch an der Uhrzeit, auf jeden Fall stehe ich gerade voll auf dem Schlauch xD

LG
kleinhippie


Zuletzt bearbeitet von kleinhippie am 31.05.2010, 12:06, insgesamt einmal bearbeitet
Beitrag30.05.2010 um 17:12 (UTC)    
Titel:

Hat keiner eine idee, wie ich Header und Seitentitel oder zumindest den Header mittig bekomme?
Beitrag31.05.2010 um 04:37 (UTC)    
Titel:

ändere das mal unten im code, könnte klappen

Code:
td.edit_header_full{
(http://img.webme.com/pic/k/kleinhippie/header_gilde_4klassen.jpg) no-repeat;
width: 900px;
height: 142px;background-repeat: no-repeat;background-position: center top;background-color:#000000;
border-bottom: 5px solid #4a0000;}


Zuletzt bearbeitet von 6p-iceblue am 31.05.2010, 06:46, insgesamt 2-mal bearbeitet
Beitrag31.05.2010 um 10:48 (UTC)    
Titel:

Hallo,
damit klappt es leider nicht, dann ist mein Header komplett weg und ich habe statt dessen den Originalheader vom Iceblue Design.
LG
kleinhippie
Beitrag31.05.2010 um 11:05 (UTC)    
Titel:

Ich habe jetzt einfach diesen Teil:

Code:
background-repeat: no-repeat;background-position: center top;background-color:#000000;


in meinen Code mit eingefügt, und jetzt scheint es doch zu klappen.
Vielen Dank für die Hilfe.
LG
kleinhippie
Beiträge der letzten Zeit anzeigen:   


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