Menü

  Login

  Shoutbox

  Forum » Fragen zu Ilch » Andere Dinge » Design gesprängt!!!


Design gesprängt!!!
Chris
Gast

User Pic

# 20.02.2012 - 11:53:29
    zitieren



Moin Jungs,

unzwar habe ich ein Problem mit Meiner Seite.

Ich habe mir das Design von http://www.maretz.eu/ ----> mar_Xantur rundergeladen und auf meine Homepage drauf gespielt dann habe ich Follow us Buttons auf der rechten Seite eingefügt jetzt mein Problem : Im FireFox sieht die Seite Okey aus also so wie ich Das haben Wollte wenn ich aber jetzt Internet Explorer oder Google Chrome benutze ist zwichen Header und Menü ein Großer Bruch drinne wo Diese Follow Us Buttons drinne angezeigt werden.


HomePage http://www.insideeffect-clan.de

hoffe ihr könnt mir helfen

lg Chris / MannyTheKiller
Mairu
Administrator

User Pic

Posts: 1908
# 20.02.2012 - 23:12:32
    zitieren



Naja so wie du es eingefügt hast, ist es eigentlich ein Wunder, dass es im Firefox richtig angezeigt wird, war das Probierverfahren oder wie bist du auf den Code gekommen?

Naja habs mir mal angeschaut, deine index.htm sollte so aussehen
(Zeile 54 sind die Bilder)

 HTML
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Codierung by Maretz.eu - Free Ilch Clan und Community Templates -->
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
<title>{TITLE}</title>
<link rel="stylesheet" href="include/designs/mar_Xantur/style.css" type="text/css" title="Xantur" media="screen, projection">
   <script type="text/javascript" src="include/designs/mar_Xantur/menu/jquery.js"></script>
   <script type="text/javascript" src="include/designs/mar_Xantur/menu/jquery-color.js"></script>
   <script type="text/javascript" src="include/designs/mar_Xantur/menu/main.js"></script>

<script type="text/javascript">
    var box = 4;
    var chosbox = 1;
    function togglebox (tshow) {
        tshow = isNaN(tshow) ? 1 : tshow;
        if (tshow < 1 || tshow > box) {
            tshow = (chosbox < box) ? chosbox + 1 : 1;
        }
        document.getElementById('boxx_'+chosbox).style.display = 'none';
        document.getElementById('boxx_'+tshow).style.display = '';
        chosbox = tshow;
    }
</script>

<script type="text/javascript" src="include/designs/mar_Xantur/partner/motiongallery.js">

/***********************************************
* CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Modified by Jscheuer1 for autowidth and optional starting positions
***********************************************/

</script>

<link rel="shortcut icon" href="include/designs/mar_Xantur/favicon.ico"/>
</head>
<body>
<div align="center"><div id="full"><a name="anfang" id="anfang"></a>
<div id="header" align="left" title="Willkommen bei {SITENAME}"><div id="loginbar" align="left">{_boxes_login_xantur}</div></div>
<div id="one" align="left">
<div id="panel-left" align="left"><div id="button-box" align="left">
<a href="javascript:void(0);" onclick="togglebox(1);" class="sbutton" title="letzte Newseinträge">LastNews</a><br>
<a href="javascript:void(0);" onclick="togglebox(2);" class="sbutton" title="letzte Forum Posts">LastForum</a><br>
<a href="javascript:void(0);" onclick="togglebox(3);" class="sbutton" title="letzte War Ergebnisse">LastWars</a><br>

<a href="javascript:void(0);" onclick="togglebox(4);" class="sbutton" title="kommende War Termine">NextWars</a></div></div>
<div id="panel-middle" align="left"><div id="infoboxpanel" align="left"><div id="boxx_1"><strong style="float:right; margin-right:5px;color:#7A7A7A; font-size:10px;font-family:Verdana,Arial;font-weight:bold;text-shadow: 2px 2px 0 #000000;">Latest News Entries &laquo;</strong><br>{_boxes_lastnews_xantur}</div>
<div id="boxx_2" style="display:none";><strong style="float:right; margin-right:5px;color:#7A7A7A; font-size:10px;font-family:Verdana,Arial;font-weight:bold;text-shadow: 2px 2px 0 #000000;">Latest Forum Posts &laquo;</strong><br>{_boxes_lastforum_xantur}</div>
<div id="boxx_3" style="display:none";><strong style="float:right; margin-right:5px;color:#7A7A7A; font-size:10px;font-family:Verdana,Arial;font-weight:bold;text-shadow: 2px 2px 0 #000000;">Last War Results &laquo;</strong><br>{_boxes_lastwars_xantur}</div>
<div id="boxx_4" style="display:none";><strong style="float:right; margin-right:5px;color:#7A7A7A; font-size:10px;font-family:Verdana,Arial;font-weight:bold;text-shadow: 2px 2px 0 #000000;">Next War Dates &laquo;</strong><br>{_boxes_nextwars_xantur}</div></div></div></div>
<div id="panel-right" align="left">
    <div id="showbox" align="left">{_boxes_showbox}</div>
    <div id="showbox_right">
    <a href="https://steamcommunity.com/groups/InSideEffect" target="_blank" title="Follow Us to Steam"><img src="include/designs/mar_Xantur/steam.png" border="0"></a>
    <a href="http://www.youtube.com/user/InSideEffect" target="_blank" title="Follow Us to YouTube"><img src="include/designs/mar_Xantur/youtube.png" border="0"></a>
    <a href="http://www.facebook.com/pages/InSideEffect-Clan/217982924887386" target="_blank" title="Follow Us to Facebook"><img src="include/designs/mar_Xantur/facebook.png" border="0"></a>
    </div>
</div>
<div id="panel-navigation" align="left"><div id="pageBody">

         <a class="hoverBtn" href="index.php?" title="Home">Home</a>
         <a class="hoverBtn" href="index.php?forum" title="Forum">Forum</a>
         <a class="hoverBtn" href="index.php?user" title="Mitglieder">Mitglieder</a>
         <a class="hoverBtn" href="index.php?rules" title="Regelwerk">Regeln</a>
         <a class="hoverBtn" href="index.php?contact" title="Contact zu {SITENAME}">Contact</a>
         <a class="hoverBtn" href="index.php?gbook" title="Gästebuch">Gästebuch</a>

         <a class="hoverBtn" href="index.php?joinus" title="Joinus">JoinUs</a>
         <a class="hoverBtn" href="index.php?user-regist" title="Account einrichten">Regist.</a>
         <a class="hoverBtn" href="index.php?user-login" style="color:#FF0000"; title="Mitglieder Login">Login</a></div><div id="mar" align="left"><a href="http://www.maretz.eu" target="_blank" title="Maretz.eu - Digital Art | Free Ilch Clan und Community Templates"><img src="include/designs/mar_Xantur/images/mar.gif" border="0"/></a></div></div>

 
  <br style="clear: both;" />
 
  <div id="content-bg">

  <div id="left_col">
 
    {_list_menunr1@
            <div id="menu_heading_left" >
<div id="menu_heading_left_font">%1</div>
  </div>
<div id="menuleftmiddle" align="center" valign="top" class="menuone">%2</div>

<div id="menuleftbottom" align="left" valign="bottom" ></div>
    }

  </div>
<div id="head_content" align="left"><div id="tophmenu" align="left"><span class="hmenustyle">&raquo;&nbsp;{HMENU}</span></div></div>
<div id="main_col" align="left">
<div id="main_colin">{EXPLODE}</div>
<div id="foot_content" align="left"></div></div>

  <div id="right_col"  style="margin-top:-24px";>

    {_list_menunr2@
            <div id="menu_heading_right" >

<div id="menu_heading_right_font">%1</div>
</div>
<div id="menurightmiddle" align="center" valign="top" ><div class="menutwo">%2</div>
</div>
<div id="menurightbottom" align="right" valign="bottom" ></div>
    }

  </div>
 

  <br style="clear: both;" />
<div id="partner" align="left"><div id="motioncontainer" style="position:relative;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">
<!-- Start Partnerpanel -->
<nobr id="trueContainer"><a href="http://www.maretz.eu" target="_blank"><img src="http://www.maretz.eu/banner/maretz103x31banner.jpg" border="0"></a> <a href="http://www.ilch.de" target="_blank"><img src="http://www.ilch.de/images/banner/copy_by_ilch.gif" border="0"></a></nobr></div></div></div>

<!-- Ende Partnerpanel -->
<div id="footer" align="left"><div id="toppage" align="left"><a title="Top Page" href="#anfang"><img src="include/designs/mar_Xantur/images/top_page.png" border="0" alt=""></a></div></div>
</div></div>
<div align="center" style="clear:left; background-color: #0e0e0e; background-position: 0% 0%; background-repeat:repeat-x; background-image:url(include/designs/mar_Xantur/images/bg_dfoot.jpg);"><div id="full">
<div id="two" align="left"></div>
<div id="footimages" align="center"><a href="http://www.battlefield.com/battlefield3" target="_blank"><img src="include/designs/mar_Xantur/footimage/bf3.png" border="0"/></a>&nbsp;&nbsp;&nbsp;<a href="http://www.callofduty.com/mw3" target="_blank"><img src="include/designs/mar_Xantur/footimage/mw3.png" border="0"/></a>&nbsp;&nbsp;&nbsp;<a href="http://www.ea.com" target="_blank"><img src="include/designs/mar_Xantur/footimage/ea.png" border="0"/></a></div>
  <br style="clear: both;" />
</div></div>
</body>
</html>
<!-- {__list_hmenupoint@<strong><b>&middot;</b></strong><a %1 class="box" href="%2">%3</a><br>}
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}//-->




und in deine css solltest du folgende Sachen einfügen bzw. schon vorhandene Klassen erweitern

 CSS
1:
2:
3:
 #panel-right{overflow:visible; position:relative}
#showbox_right{position:absolute;left: 510px;}
#showbox_right a img {margin:10px 0}
Chris
Gast

User Pic

# 21.02.2012 - 15:03:18
    zitieren



Danke Mariu jetzt sieht das mal wieder Geil aus =D

vielen dank für deine hilfe..

um deine Frage zu beantworten Ja das war Probierverfahren und dachte naja gut es funktoniert, danach wurde ich aber von einen Member angeschrieben das Das bei ihm nicht so Toll aussieht ... naja aber du hast ja geholfen nochmals DANKE!!!