Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.04.2009 um 22:50 (UTC)    
Titel: Frage zu Iceblue Layout in %

Ich habe meine ganze homepage immer nur mit einem 1200x800 bildschirm bearbeitet, und war der meinung alles passt perfekt. Doch jetzt habe ich mir meine seite mit einem 1920x1200er bildschirm angeschaut, und alles ist "vermurkst": Zwischen navi und main text ist eine riesen lücke, und nichts stimmt mehr. Auch dr header ist auf einmal zu kurz. Ich wollte fragen wie ich das beheben kann. Hier mein text überm Design:





Code:
<div align="center"><table border="0" width="100%"><tr><td></td></tr></table>

<style type="text/css"
<!--
td.nav{background-image:url(http://img.webme.com/pic/s/softairliga/button1.1.png);}
td.nav:hover{background-image:url(http://img.webme.com/pic/s/softairliga/button1.1dot.png);}

td.edit_navi_headbg{
margin: 175px;
padding: 0px;
background-image: url(http://img.webme.com/pic/s/softairliga/background.png);
background-color: #534F45;
width: 175px;
background-repeat: repeat-y;
}

td.edit_below_nav{
background-image: url(http://img.webme.com/pic/s/softairliga/below.png);
width: 175px; background-repeat:no-repeat}

td.edit_below_nav img{
visibility: hidden;
width: 1px;}

td.nav_heading{
width: 175px;
height: 30px;
background-image: url(http://img.webme.com/pic/s/softairliga/navi.png);
background-color: #XXXXXX;
padding-top: 0px;
font-weight: bold;
font-size: 15px;
background-repeat: no-repeat;
text-decoration: none;}

td.edit_navi_headbg table{position: fixed; 
width: 175px;
background-repeat: no-repeat;
}

.menu{
display:block;
width: 150px;
color: #F70505 !important;
font-weight: bold;
padding: 7px;
padding-left: 0px;
font-size: 12px;}

.menu a{
color: #F70505;
font-weight: bold;
padding: 7px;
text-decoration: none;
font-size: 12px;}

/* Hintergrund hinter Design */
body{
background-image: url();
background-color: #534F45;
color: #000000 !important;}

td.edit_content{
background-image:url();
background-color: #534F45;
}

td.edit_content_bottom{
background-image:url(http://img.webme.com/pic/s/softairliga/contenttop2.png);
background-color:FARBE;
}

td.edit_content_bottom2{
background-image:url(http://img.webme.com/pic/s/softairliga/contenttop2.png);
background-color:FARBE;
}

td.edit_content_top{
background-image:url(http://img.webme.com/pic/s/softairliga/contenttop2.png); /*Hintergrund*/
background-color: ; /*Hintergrundfarbe*/
}

td.edit_rechts_cbg{
background-image:url(http://img.webme.com/pic/s/softairliga/backcfg.png);
background-color: #665C5C;
padding: 5px;
}

/* Header Titel entfernen*/
td.headline{visibility:hidden;}

/* Rechte Boxen */
td.edit_rechts_sbg{
background-image: url();
width: 0px;}

td.sidebar_heading{
background-image: url(http://img.webme.com/pic/s/softairliga/button1.1.png);
background-color: #XXXXXX;
border-bottom: 0px double #XXXXXX;}

.shouty, .shouty2, .shouty3, .shouty4, .shouty5{
color: #FF0505;
background-image: url(http://img.webme.com/pic/s/softairliga/back.png);
background-color: #534F45;
font-weight: bold;}

td.edit_rb_footer{display:none;
background-image: url(http://img.webme.com/pic/s/softairliga/background.png);
background-color: #XXXXXX;
border-bottom: 0px solid ##XXXXXX;}

td.edit_rechts_bottom{
background-image: url();
background-color: #XXXXXX;}

/* Design verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !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: 20% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}

/* Header fixiert und zentriert*/
td.edit_header_full{
width: 100% !important;
background-repeat:no-repeat;
background-position:center center;
background-image: url(http://img.webme.com/pic/s/softairliga/softairligahead3.png);}

/* Textfeld Link-Formatierung*/
td.edit_content a{
color:#FF6600;
font-size: 12px;
text-decoration: none;}

td.edit_content a:hover {
color: #FF0000;
font-size: 12px;
text-decoration: none;}

/* Textfeld Hintergrund*/
td.edit_content_top {
background-repeat: no-repeat;}
td.edit_content {
background-image:url();
background-color: #ffffff;}

/* Link und Textformatierung */
p, div, b{color: #000000;}
td.nav a{color:##xxxxxxx;
font-size: 12px;
text-decoration: none;}

a:hover {color: #FF0000;
font-size: 12px;
text-decoration: none;}

a: link {color: #FF6600;
font-size: 12px;
text-decoration: none;}

a:active {color: #FF0505;
font-size: 12px;
text-decoration: none;}

a:visited {color: #6F0F7C;
font-size: 12px;
text-decoration: none;}
-->
</style>

<style type="text/css">
<!--
td#nav_logsuccess{display:none;}
-->
</style>
<style type="text/css">
<!--
td#nav_abosuccess{display:none;}
td#nav_AGB{display:none;}
-->
</style>


Wäre toll wenn hier jemand reinschreiben könnte was ich verbessern muss. ( ich habe schon anstatt 175px in die navi 20% eingegeben, und es hat funktioniert, doch der navi button hat sich dann wiederholt, und es sah blöd aus. Außerdem weiß ich nicht wie ich dann die "display:block;" sache korrigiere. Ich fänds toll wenn mir jemand helfen könnte!


Zuletzt bearbeitet von softairliga am 12.04.2009, 07:26, insgesamt einmal bearbeitet
Beitrag14.04.2009 um 07:37 (UTC)    
Titel:

Den navi butten musst du vergrößern und geh mal mit dem internetexplorer auf deine seite da hat sich nichts außer der header verändert......sonst bleibt alles wie in iceblue....
Beitrag16.04.2009 um 14:06 (UTC)    
Titel: hääää..

ich habs mir gerade im ie 7.0 angeschaut, und da is ja alles wie beim standerd icebule, mann is das dumm. im firefox stimmt alles. wie kann sich das fixen?
Beiträge der letzten Zeit anzeigen:   


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