ilch Forum » Ilch Clan 1.1 » Design und Templates » Problem im Design

Geschlossen
  1. Do. 07.02.2008 15:55 Uhr #1
    User Pic
    [AT]Hannibal Mitglied
    Registriert seit
    25.02.2006
    Beiträge
    427
    Beitragswertungen
    0 Beitragspunkte
    Hab mal wieder ein Problem.

    Habe ein Design gebastelt das auch so ist wie ich es in etwa haben will. Im Internetexplorer zegt er auch alles richtig an, nur im Firefox macht er voll die Abstände zwischen meine Buttons und Menüs.

    Hab hier ma einen Screen:
    gesperrtes Bild

    Und hier mein Code aus der Index.html: 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
<html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="robots" content="index,follow">
<meta name="description" content="Americas-Army-Bundesliga - Die einzig wahre Army-Liga">
<meta name="keywords" content="Americas-Army, Bundesliga, Clan, Onlinegames, AABL, Spielen">
<meta name="language" content="de">
<link rel="shortcut icon" href="include/designs/aabl2008/favicon.ico"/>
<link rel="stylesheet" type="text/css" href="include/designs/aabl2008/style.css">
</head>
<body background="img/bg.gif">
<div align="center">
	<table border="0" width="1000" cellpadding="0" style="border-collapse: collapse">
		<tr>
			<td colspan="5" background="img/top.gif" height="20">&nbsp;</td>
		</tr>
		<tr>
			<td width="20" background="img/left.gif">&nbsp;</td>
			<td colspan="3" width="960" height="150">
			<table border="0" width="960" cellpadding="0" style="border-collapse: collapse">
				<tr>
					<td height="150" width="660" background="img/header.gif">&nbsp;</td>
					<td height="150" width="300" background="img/login.gif">&nbsp;</td>
				</tr>
			</table>
			</td>
			<td width="20" background="img/right.gif">&nbsp;</td>
		</tr>
		<tr>
			<td width="20" background="img/left.gif">&nbsp;</td>
			<td colspan="3" background="img/ticker.gif" width="960" height="26">&nbsp;</td>
			<td width="20" background="img/right.gif">&nbsp;</td>
		</tr>
		<tr>
			<td width="20" background="img/left.gif">&nbsp;</td>
			<td colspan="3">
			<table border="0" width="960" cellpadding="0" style="border-collapse: collapse">
				<tr>
					<td width="320" height="150" background="img/box1.gif" valign="bottom" align="center">
        <table border="0" width="310" cellspacing="1" cellpadding="5" style="border-collapse: collapse" height="120">
			<tr>
				<td>
        <p align="center">
                
            	{_boxes_1liga}</td>
			</tr>
		</table>
					</td>
					<td width="320" height="150" background="img/box2.gif" align="center" valign="bottom">
        <table border="0" width="310" cellspacing="1" cellpadding="5" style="border-collapse: collapse">
			<tr>
				<td height="120">
        <p align="center">
                
            	{_boxes_2liga}</td>
			</tr>
		</table>
					</td>
					<td width="320" height="150" background="img/box3.gif" align="center" valign="bottom">
        <table border="0" width="310" cellspacing="1" cellpadding="5" style="border-collapse: collapse">
			<tr>
				<td height="120">
        <p align="center">
                
            	{_boxes_3liga}</td>
			</tr>
		</table>
					</td>
				</tr>
			</table>
			</td>
			<td width="20" background="img/right.gif">&nbsp;</td>
		</tr>
		<tr>
			<td width="20" background="img/left.gif">&nbsp;</td>
			<td width="960" bgcolor="#FFFFFF" colspan="3" height="30">
			<img border="0" src="img/contenttop.gif" width="960" height="30"></td>
			<td width="20" background="img/right.gif">&nbsp;</td>
		</tr>
		<tr>
			<td width="20" background="img/left.gif">&nbsp;</td>
			<td width="186" bgcolor="#FFFFFF" background="img/boxenbg.gif" valign="top">
			<div align="center">
			<table border="0" width="186" cellpadding="0" style="border-collapse: collapse">
				<tr>
					<td align="center"><a href="index.php?user_regist"><img border="0" src="img/buttons/registrieren.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?news"><img border="0" src="img/buttons/news.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?newsarchiv"><img border="0" src="img/buttons/newsarchiv.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?newsadd"><img border="0" src="img/buttons/newseinsenden.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?forum"><img border="0" src="img/buttons/forum.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?rules"><img border="0" src="img/buttons/regelwerk.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?ruless"><img border="0" src="img/buttons/strafenkatalog.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?kalender"><img border="0" src="img/buttons/kalender.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?mappool"><img border="0" src="img/buttons/mappool.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?banchekcer"><img border="0" src="img/buttons/banchecker.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?search"><img border="0" src="img/buttons/suchen.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?team"><img border="0" src="img/buttons/team.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?links"><img border="0" src="img/buttons/ligen.gif" width="186" height="31"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?1ligatabelle"><img border="0" src="img/buttons/1ligatabelle.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?1ligaspiele"><img border="0" src="img/buttons/1ligatabelle.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?2ligatabelle"><img border="0" src="img/buttons/2ligatabelle.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?2ligaspiele"><img border="0" src="img/buttons/2ligatabelle.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?3ligatabelle"><img border="0" src="img/buttons/3ligatabelle.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?3ligaspiele"><img border="0" src="img/buttons/3ligaspiele.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?cup"><img border="0" src="img/buttons/pokal.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?sperrliste"><img border="0" src="img/buttons/sperren.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?transfermarkt"><img border="0" src="img/buttons/transfermarkt.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?awards"><img border="0" src="img/buttons/ruhmeshalle.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?team"><img border="0" src="img/buttons/statistiken.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?team"><img border="0" src="img/buttons/wettbuero.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?support"><img border="0" src="img/buttons/support.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?links"><img border="0" src="img/buttons/verschiedenes.gif" width="186" height="31"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?gallery"><img border="0" src="img/buttons/gallery.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?downloads"><img border="0" src="img/buttons/downloads.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?links"><img border="0" src="img/buttons/links.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?linkus"><img border="0" src="img/buttons/linkus.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?server"><img border="0" src="img/buttons/server.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?teamspeak"><img border="0" src="img/buttons/teamspeak.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?chat"><img border="0" src="img/buttons/chat.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?moreaa"><img border="0" src="img/buttons/armyinfos.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?contact"><img border="0" src="img/buttons/kontakt.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?impressum"><img border="0" src="img/buttons/impressum.gif" width="180" height="20"></a></td>
				</tr>
				<tr>
					<td align="center"><a href="index.php?links"><img border="0" src="img/buttons/account.gif" width="186" height="31"></a></td>
				</tr>
				<tr>
					<td align="center"><a target="_blank" href="http://www.aa-accounthistory.com/"><img border="0" src="img/aaah.gif" width="180" height="50"></a></td>
				</tr>
				</table></div>
			</td>
			<td width="588" valign="top" bgcolor="#FFFFFF">
			<table border="0" width="588" cellspacing="1" cellpadding="5" style="border-collapse: collapse">
				<tr>
					<td align="left">&nbsp;</td>
				</tr>
				<tr>
					<td align="left">{EXPLODE}</td>
				</tr>
			</table>
			</td>
			<td width="186" valign="top" bgcolor="#FFFFFF" background="img/boxenbg.gif" align="center">
			<table border="0" width="186" cellpadding="0" style="border-collapse: collapse">
				<tr>
					<td align="center"><font color="#FFFFFF">{_boxes_picofx}</font></td>
					</tr>
					<tr>
					<td align="center"><a href="index.php?links"><img border="0" src="img/buttons/umfrage.gif" width="186" height="31"></a></td>
					</tr>
					<tr>
					<td align="center"><font color="#FFFFFF">{_boxes_vote}</font></td>
					</tr>
					<tr>
					<td align="center"><a href="index.php?links"><img border="0" src="img/buttons/download.gif" width="186" height="31"></a></td>
					</tr>
					<tr>
					<td align="center">
					<img border="0" src="img/army.gif" width="180" height="213"></td>
					</tr>
					<tr>
					<td align="center"><a href="index.php?links"><img border="0" src="img/buttons/search.gif" width="186" height="31"></a></td>
					</tr>
					<tr>
					<td align="center"><font color="#FFFFFF">{_boxes_search}</font></td>
					</tr>
					<tr>
					<td align="center"><a href="index.php?links"><img border="0" src="img/buttons/stats.gif" width="186" height="31"></a></td>
					</tr>
					<tr>
					<td align="center"><font color="#FFFFFF">{_boxes_statistik}</font></td>
					</tr>
					<tr>
					<td align="center"><a href="index.php?links"><img border="0" src="img/buttons/partner.gif" width="186" height="31"></a></td>
					</tr>
					<tr>
					<td align="center"><font color="#FFFFFF">{_boxes_allianz}</font></td>
					</tr>
			</table>
			<p>&nbsp;</td>
			<td width="20" background="img/right.gif">&nbsp;</td>
		</tr>
		<tr>
			<td width="20" background="img/left.gif">&nbsp;</td>
			<td width="960" bgcolor="#FFFFFF" colspan="3" height="30">
			<img border="0" src="img/contentfooter.gif" width="960" height="30"></td>
			<td width="20" background="img/right.gif">&nbsp;</td>
		</tr>
		<tr>
			<td colspan="5" height="20" background="img/footer.gif">
			&nbsp;</td>
		</tr>
	</table>
	</body>
</html>


    Wäre sehr über Hilfe erfreut!!!

    Greetz Hannibal


    verwendete ilchClan Version: 1.1
    Ich liebe es wenn ein plan funktionert!!!
    0 Mitglieder finden den Beitrag gut.
  2. Do. 07.02.2008 16:03 Uhr #2
    User Pic
    -GoA][-Sniper Mitglied
    Registriert seit
    31.10.2007
    Beiträge
    1.468
    Beitragswertungen
    63 Beitragspunkte
    ich bin zwar kein profi aber haste es schonmal in der style.css versucht die abstände zu machen???


    und mir is noch aufgefallen das du zum teil kein cellspacing="0" gemacht hast


    Zuletzt modifiziert von -GoA][-Sniper am 07.02.2008 - 16:05:07
    0 Mitglieder finden den Beitrag gut.
  3. Do. 07.02.2008 16:22 Uhr #3
    User Pic
    [AT]Hannibal Mitglied
    Registriert seit
    25.02.2006
    Beiträge
    427
    Beitragswertungen
    0 Beitragspunkte
    ja,aber im menübereich is überall 0,deswegen raff ich es ja leider net .(
    Ich liebe es wenn ein plan funktionert!!!
    0 Mitglieder finden den Beitrag gut.
  4. Do. 07.02.2008 16:57 Uhr #4
    User Pic
    eXecut1oner Mitglied
    Registriert seit
    26.10.2006
    Beiträge
    827
    Beitragswertungen
    0 Beitragspunkte
    hmm...
    also ich hab mir den html code mal genauer angesehen und nichts gefunden...
    bei einer tabelle bei der du keine rahmen etc. haben willst füg auch noch cellspacing="0" dazu, könnte vlt klappen
    wenn nicht liegts vlt an der .css
    it's not a bug, it's a feature... nsk-team.com
    0 Mitglieder finden den Beitrag gut.
  5. Do. 07.02.2008 18:38 Uhr #5
    User Pic
    [AT]Hannibal Mitglied
    Registriert seit
    25.02.2006
    Beiträge
    427
    Beitragswertungen
    0 Beitragspunkte
    Ich hab leider net so den peil von den css dateien,ich hab einach die standart genommen vom ilch design.

    kann ma jmd drüber schauen?!? 

    /*
  css Datei copyright by ilch.de
  erstellt von scaRFhogg
  seite: www.daiwai.de

  --

  Design copyright by ilch.de
  erstellt von fanguro
  seite: www.zurro.de

  --

  Support auf www.ilch.de
*/

body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #4A4849;
  font-size: 12px;
  font-family: Verdana, sans-serif;
}
#wrap {
  position: relative;
  width: 967px;
  text-align: left;
  margin: 0 auto 0 auto;
}
#top {
  background: url(img/top.gif);
  height: 67px;
}
#header {
  background: url(img/logo.gif);
  height: 153px;
  text-align: center;
  vertical-align:middle;
}
#header h1 {
  display: inline;
  position: absolute;
  top: 110px; left: 100px;
  color: #fff;
  font-family: 'Trebuchet MS';
  font-weight: normal;
  font-size: 24px;
}
#top2 {
  background: url(img/top2.gif);
  height: 31px;
}
#top2 font {
  display: inline;
  position: absolute;
  left: 172px;
  margin-top: 2px;
  font-size: 10px;
	text-decoration: none;
}
#content {
  background: url(img/contentbg.gif);
  background-repeat: repeat;
  width: 964px;
}
#footer {
  background: url(img/footer.gif);
  height: 33px;
  text-align: center;
  vertical-align: middle;
}
#left_col {
  width: 158px;
  float: left;
  padding-top: 0px;
  padding-left: 9px;
  padding-right: 18px;
  padding-bottom: 0px;
  color: #fff;
  overflow: hidden;
}

#left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
  color: #000000;
}

#left_col a {
  color: #CCCCCC;
}

#left_col .menu_heading
{
  color: #000;
  display:block;
  letter-spacing: 1px;
  font-size: 11px;
  padding: 0  0 3px 5px;
}

#main_col {
  width: 440px;
  float: left;
  padding-top: 0px;
  padding-left: 5px;
  padding-right: 20px;
  padding-bottom: 0px;
  clear: none;
  min-height: 100px;
  overflow: auto;
}
#right_col1 {
  width: 141px;
  float: left;
  padding-top: 0px;
  padding-left: 7px;
  padding-right: 10px;
  padding-bottom: 0px;
  overflow: hidden;
}
#right_col2 {
  width: 141px;
  float: right;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 14px;
  padding-bottom: 0px;
  overflow: hidden;
}

#right_col1 .menu_heading,
#right_col2 .menu_heading
{
  color:#fff;
  font-size:11px;
  letter-spacing: 1px;
}

#left_col ul
{
  padding: 0;
  margin: 0;
  list-style: inside url(img/box_menu_pfeil.gif);
  width: 149px;
}

#left_col li
{
  margin:0;
  padding: 5px 0 0 2px;
  background: url(img/box_menu_trennlinie.gif) no-repeat bottom;
}

#left_col li ul
{
  width: 146px;
  background: url(img/box_menu_trennlinie.gif) no-repeat top;
}

#left_col li li
{
    padding-left: 16px;
}
#left_col li a
{
  color: #fff;
  padding-left: 8px;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

td
{
  font-family: Verdana;
  font-size: 12px;
}

a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a
{
  color: #003366;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: underline;
}

a:hover
{
  text-decoration: none;
}

a.box
{
  color: #003366;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: underline;
}

a.box:hover
{
  text-decoration: none;
}

.Chead
{
  background: #16639b;
  color: #9dbdd4;
}

.Chead a
{
  color: #9dbdd4;
}

.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
  background: #16639b;
  color: #9dbdd4;
}

.Callg
{
  background-color: #EFEFEF;
	color: #000000;
}

.Callg td
{
  color: #000000;
}

.Cnorm
{
  background-color: #e5e5e5;
}
.Cmite
{
  background-color: #B4C6D8;
}
.Cdark
{
  background-color: #9AB1C8;
}

.rand
{
  border: solid #185685 1px;
}

.smalfont
{
    font-size: 10px;
		text-decoration: none;
}

.border
{
   background-color: #185685;
}
hr
{
    height: 0px;
		border: solid #003366 0px;
		border-top-width: 1px;
}

input, textarea, select
{
    color: #000000;
    font: 12px Verdana;
    border-color: #185685;
  	border-width: 1px;
    border-style: solid;
    font-weight: none;
    text-decoration: none;
    background-color: #EFEFEF;
}
    Ich liebe es wenn ein plan funktionert!!!
    0 Mitglieder finden den Beitrag gut.
  6. Do. 07.02.2008 18:59 Uhr #6
    User Pic
    eXecut1oner Mitglied
    Registriert seit
    26.10.2006
    Beiträge
    827
    Beitragswertungen
    0 Beitragspunkte
    ja k die css is die standard css oder? ich dachte du hast vlt css style definiert die zu deinem "problem" führen können, aber da steht ja nix neues drin...

    schon mit dem cellspacing verscuht?
    diese zeile: 
                <table border="0" width="186" cellpadding="0" style="border-collapse: collapse">

    einfach durch diese ersetzen: 
                <table border="0" width="186" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
    it's not a bug, it's a feature... nsk-team.com
    0 Mitglieder finden den Beitrag gut.
  7. Do. 07.02.2008 19:25 Uhr #7
    User Pic
    [AT]Hannibal Mitglied
    Registriert seit
    25.02.2006
    Beiträge
    427
    Beitragswertungen
    0 Beitragspunkte
    Die Lücken sind kleiner geworden,aber immernoch da... traurig

    Ich verstehs net...

    Ich hab mein Design soweit ja fertig,nur würd ich gerne erstma das beheben bevor ich mich an den Content mache traurig

    Zum Haare raufen...

    Noch jmd ne Idee?
    Ich liebe es wenn ein plan funktionert!!!
    0 Mitglieder finden den Beitrag gut.
  8. Sa. 09.02.2008 05:45 Uhr #8
    User Pic
    [AT]Hannibal Mitglied
    Registriert seit
    25.02.2006
    Beiträge
    427
    Beitragswertungen
    0 Beitragspunkte
    Also der Fehler wurde jetzt fast beseitigt im firefox,aber eben nur fast... hat noch jmd eine idee???

    ich verzweifel traurig

    externer Link
    Ich liebe es wenn ein plan funktionert!!!
    0 Mitglieder finden den Beitrag gut.
  9. Mo. 11.02.2008 13:00 Uhr #9
    User Pic
    T0P0LIN0 Mitglied
    Registriert seit
    24.07.2006
    Beiträge
    139
    Beitragswertungen
    0 Beitragspunkte
    So bei dir --> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">


    Probier mal so müsste gehen 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    honklords.de
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten