versteckte cellspacings und unverrückbare Zellenabstände

**vafancü** · 10.01.2007 17:22

Hallo, plage mich nun schon seit einem Monat mit folgenden Problemen herum:
1. Auf meiner Seite http://alpinhunting.funpic.de taucht in den header-images ein bottom-cellspace auf, den ich weder im html noch im css aufindig machen kann!
2. Die Grafik rechts oben (Zielscheibe) lässt sich nicht nach links verschieben, sondern bleibt trotz aller align- und padding-Angaben rechtsbündig zur unteren Grafik stehen.

Ich wäre jedem sehr dankbar für einen kleinen Tipp.

In Folge die html-Datei:

<?php

defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<?php echo "<?xml version=\"1.0\"?>"; ?>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title><?php echo $mosConfig_sitename; ?></title>

<**** **********="Content-Type" content="text/html; <?php echo _ISO; ?>" />

<?php

if ($my->id) {

include ("editor/editor.php");

initEditor();

}

?>

<?php mosShowHead(); ?>

<script language="JavaScript" type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/soccer/js/netscaperesizefix.js"></script>

<link href="<?php echo $mosConfig_live_site;?>/templates/soccer/css/template_css.css" rel="stylesheet" type="text/css" />

<link href="css/template_css.css" rel="stylesheet" type="text/css" />

<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />

</head>

<body>

<table border="1" cellspacing="0">
<thead>
<tr>
<th align="left" valign="top"><?php mosLoadModules ( 'user3', -1); ?></th>
<th ><img src="<?php echo $mosConfig_live_site;?>/templates/soccer/images/scheibe_karl.gif"</th>
</tr>
</thead>
<tr>
<td align="center" style="padding-top:0px;"<"padding-right:0px;"><img src="<?php echo $mosConfig_live_site;?>/templates/soccer/images/banner.jpg"</td>
</tr>
</table>

<tr>

<td valign="top" class="table_middle_content">
<table width="880" border="0" align="center" cellpadding="0" cellspacing="0" >

<tr>

<td class="bodylinks" valign="top" width="150"><?php mosLoadModules ( 'left', -2 ); ?></td>

<td class="bodymitte" valign="top">

<table width="100%">
<tr><td class="borderbottomside"><?php mosLoadModules ( 'maintleft', -2 ); ?></td>
<td class="borderbottomside"><?php mosLoadModules ( 'maintright', -2 ); ?></td></tr>
</table>

<?php mosMainBody(); ?>

<?php mosLoadModules ( 'main', -2 ); ?>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="50%" valign="top" style="padding-right:10px;">

<?php mosLoadModules ( 'user1', -2 ); ?>

</td>

<td width="50%" valign="top"><span class="body_outer">
<?php mosLoadModules ( 'user2', -2 ); ?>
</td>

</tr>

</table></td>

<td width="180" valign="top"><table width="160" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td class="bodyrechts">

<?php mosLoadModules ( 'right', -2 ); ?>

</td>

</tr>

</table>

</td>

</tr>

<tr height="10">

<td></td>

</tr>

<tr>

<td colspan="2" align="center" valign="bottom" style="border-top:1px dotted #CCCCCC; font-size:9px;"><span class="user1_inner">

<br />

<?php mosLoadModules ( 'bottom', -2 ); ?>

</span><span class="user1_inner">

<?php mosLoadModules ( 'banner', -2 ); ?>

</span><br />

<?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>

</td>

</tr>

</table></td>

</tr>

</table>

</body>

</html>

CSS-Datei:

/* CSS Document */

html {

height:100%;

font-family:Tahoma,Arial, Helvetica, sans-serif;

text-align:justify;

font-size:11px;

}

td,tr,p,div {

font-family:Tahoma,Arial, Helvetica, sans-serif;

font-size:11px;

color:#444444;

}

td.bodyrechts {

border-left:1px solid #336A0A;

padding-left:5px;

padding-top:8px;

}

td.bodymitte {

padding-left:5px;

padding-right:5px;

padding-top:8px;

}

td.bodylinks {

padding-right:5px;

padding-top:8px;

border-right:1px solid #336A0A;

}

td.borderbottomside {

width:50%;

text-align:center;

}

body {

height: 100%;

margin: 0px;

background:url(../images/hintergrund.jpg) repeat-x #FFFFCC;

}

a:link {

text-decoration:none;

color:#39760C;

}

a:hover {

text-decoration:none;

color:#458614;;

}

a:visited {

text-decoration:none;

color:#39760C;

}

table.moduletable{

width:100%;;

}

table.moduletable th, div.moduletable h3 {

background:url(../images/th_bg.gif);

text-transform:uppercase;

color:#FFFFFF;

font-size:12px;

padding:3px;

padding-left:10px;

}

a.mainlevel, a.mainlevel:visited{

text-align:right;

padding-left:8px;

border-left:2px solid #39760C;

font-weight:bold;

color:#39760C;

line-height:175%;

}

a.mainlevel:hover{

padding-left:8px;

font-weight:bold;

border-left:2px solid #669900;

color:#669900;

line-height:175%;

}

ul#mainlevel-nav

{

margin-bottom:8px;

font-size:11px;

font-family:Tahoma, Arial, Helvetica, sans-serif;

padding-top:4px;

}

ul#mainlevel-nav li

{

list-style: none;

display:inline;

margin-left:0px;

line-height:100%;

}

ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited

{

font-weight:bold;

color:#FFFFFF;

padding: 0px 5px 0px 5px;

font-size:14px;

text-decoration: none;

border-left:1px dotted #FFFFFF;

}

ul#mainlevel-nav li a:hover

{

background-color:#66AA00;

}

.mostread li{

display:list-item;

list-style:circle;

color:#444444;

margin-left:-28px;

line-height:150%;

}

.mostread li a{

color:#444444;

font-weight:normal;

}

.pagenav{

font-weight:bold;

}

.latestnews li{

border:1px solid white;

display:list-item;

list-style:circle;

color:#444444;

margin-left:-28px;

line-height:150%;

}

.latestnews li a{

color:#444444;

font-weight:normal;

}

.button {

margin-top:10px;

margin-bottom:10px;

border: 1px solid #444444;

background-color:#EEEEEE;

}

.back_button {

padding-top:10px;

font-weight:bold;

}

.contenttoc {

text-align:left;

border:1px solid #CCCCCC;

margin-left:10px;

padding-left:5px;

padding-right:5px;

}

.contenttoc a:link, .contenttoc a:visited{

background:url(../images/link_voran.gif) no-repeat left;

padding-left:8px;

color:#444444;

}

.contenttoc a:hover{

background:url(../images/link_voran.gif) no-repeat left;

padding-left:8px;

color:#444444;

text-decoration:underline;

}

.category {

}

.poll{

width:160px;

}

.blog_more strong{

font-size:15px;

font-weight:bold;

color:#80AA00;

padding-left:20px;

background:url(../images/content_heading_voran.gif) left no-repeat;

}

.blogsection{

font-size:11px;

font-weight:normal;

color:#444444;

}

.componentheading {

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:bold;

color:#5B8231;

padding-left:20px;

border-left:0px solid #669900;

margin-bottom:25px;

/*color:#234C6D;*/

}

.contentheading{

font-size:13px;

font-family: Tahoma,"Courier New", Courier, monospace;

font-weight:bold;

color:#39760C;

padding-left:20px;

background:url(../images/content_heading_voran.gif) left no-repeat;

}

.small {

font-size:9px;

}

.createdate {

font-size:9px;

font-weight:bold;

}

div.mosimage {

border: 1px solid #ccc;

}

.mosimage {

border: 1px solid #cccccc;

margin: 5px

}

.mosimage_caption {

margin-top: 2px;

background: #efefef;

padding: 1px 2px;

color: #666;

font-size: 10px;

border-top: 0px solid #cccccc;

}

a.readon {

text-decoration:underline;

}

.modifydate {

font-weight: bold

**UBK3** · 14.01.2007 00:05

Zitat von vafancü

Hallo, plage mich nun schon seit einem Monat mit folgenden Problemen herum:
1. Auf meiner Seite http://alpinhunting.funpic.de taucht in den header-images ein bottom-cellspace auf, den ich weder im html noch im css aufindig machen kann!
2. Die Grafik rechts oben (Zielscheibe) lässt sich nicht nach links verschieben, sondern bleibt trotz aller align- und padding-Angaben rechtsbündig zur unteren Grafik stehen.

Hy,...

kleine Fehler können einem das Leben schnell schwer machen =)

1. Ich dachte erst an eine falsch gesetzte Blockgröße, doch da du mit Tabellen arbeitest habe ich mir deinen Quellcode genauer angesehen und stellte fest, das:

- Du hast zwei Tabellenreihen
- In der ersten hast du 2 Spalten
- In der zweiten nur 1 Spalte

HTML-Code:

<!-- Einleitung Tabelle - OK -->
<table border="1" cellspacing="0">
	<thead>
		<tr>	<!-- Erste Tabellenreihe - OK -->

			<th align="left" valign="top"> <!-- Erste Spalte / Reihe 1 -->
				<table cellpadding="0" cellspacing="0" class="moduletable">
					<tr>
						<td>
								[...Links...]
						</td>
					</tr>
				</table>
			</th>

			<th> <!-- Zweite Spalte - Reihe 1 -->
				<img src="/templates/soccer/images/scheibe_karl.gif">
			</th>
		</tr>
	</thead>

	<tr> <!-- Zweite Reihe - OK -->
		<td> <!-- Erste Spalte - Reihe 2 -->
			<img src="/templates/soccer/images/banner.jpg">

		</td>
	</tr> <!-- Zweite Reihe zu Ende, doch es fehlt entweder Spalte 2 Reihe 2, oder colspan=2 bei der ersten Spalte!-->

</table>

Empfehlung...

ändere folgendes:

HTML-Code:

<td> <!-- Erste Spalte - Reihe 2 -->

in diesen Code:

HTML-Code:

<td colspan="2">

um.

Zu 2. kann ich leidern nix sagen, weil ich den Fehler (Firefox 2.0.0.1, WinXP SP2) nicht sehen kann. Mach mal Screenshot und markiere was du genau meinst.

Tom

Thema: versteckte cellspacings und unverrückbare Zellenabstände

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

versteckte cellspacings und unverrückbare Zellenabstände

Lesezeichen

Lesezeichen

Berechtigungen