Merkwürdiger Fehler im Tabellendesign / 2-3 PX zwischen den Tabellen

**luv76** · 06.07.2010, 16:39

Hallo,

Ich bin am verzweifeln. Ich bin auf Typolight / Contao umgestigen und setze so nach und nach alle meine Webseiten in Contao um.

Leider habe ich ein komischen Problem was durch das CMS kommen muß und ich finde keine Lösung.
Ich habe schon alles versucht ohne erfolg. Ich habe zwischen den Tabellen kommische abstände die ich nicht wegbekomme:

http://pawis-weinausschank.de/typoli...ueber-uns.html

Originalseite ohne Fehler

http://pawis-weinausschank.de/cms/

für paar tipps wäre ich euch sehr dankbar ...

danke schonmal
kai

**BugBuster** · 06.07.2010, 17:00

Mach Dir selbst ein Gefallen und arbeite mit dem Framework von Contao.
Soll heißen, schmeiß die Tabellen raus!

Ansonsten konnte ich auf die schnelle auch nicht ermitteln wo der Rand herkommt.

**luv76** · 06.07.2010, 19:34

so, habe in stundenlanger fumelei (45 min) das design übers framework aufgebaut
und habe das selbe problem

fehler.jpg

**planepix** · 06.07.2010, 19:43

Hallo Kai,

gibt es diese Seite online anzusehen?
Dann kann man via Firebug einfach debuggen..

**luv76** · 06.07.2010, 19:53

danke ... ich habe alles schon durchsucht finde nix

hier ist der link

http://www.pawis-weinausschank.de/typolight/

könnte es sein das noch irgendein css geladen wird

kai

**BugBuster** · 06.07.2010, 20:03

kann es sein das es browserabhängig ist? in meinem IE sieht alles ok aus, vorhin hatte ich mit FF getestet.

**planepix** · 06.07.2010, 20:05

Ok, sehe das ist irgendwie nicht standardkonform (Framework) aufgebaut.

Eigene fe_page.tpl?
Und kein Modul Navigationsmenü, sondern nur die Tabelle drin?

So kommt man mit dem Firebug nicht wirklich weiter.

Das Phänomen ist bekannt; in Dreamweaver o.ä. würde man die Tabellenzellen auf die Höhen der Bilder bringen.

Ich würde das, wie auch BugBuster vorgeschlagen hat, mit dem Standard-Framework aufbauen, ohne eigene fe_page.tpl, dann mit Navigationsmenü und die Bildnavigation via CSS lösen.

**luv76** · 06.07.2010, 20:46

Habe es lokal im XAMP bei mr laufen und nicht mit tabellen gemacht.
kommt der gleiche fehler ......

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<!--

	This website is powered by Contao Open Source CMS :: Licensed under GNU/LGPL
	Copyright ©2005-2010 by Leo Feyer :: Extensions are copyright of their respective owners
	Visit the project website at http://www.contao.org for more information

//-->
<head>
<base href="http://localhost/pawis-weinausschank.de/"></base>
<title>Kontakt - Pawis-Weinausschank</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index,follow" />
<style type="text/css" media="screen">
<!--/*--><![CDATA[/*><!--*/
#header { height:131px; }
#left { width:206px; }
#main {  margin-left:206px; }
/*]]>*/-->
</style>
<link rel="stylesheet" href="system/contao.css" type="text/css" media="screen" />
<!--[if lte IE 7]><link rel="stylesheet" href="system/iefixes.css" type="text/css" media="screen" /><![endif]-->

<link rel="stylesheet" href="tl_files/tinymce.css?1275651950" type="text/css" media="screen" />
<link rel="stylesheet" href="Layout.css?1278443825" type="text/css" media="screen" />
<script type="text/javascript" src="plugins/mootools/mootools-core.js?1.2.4"></script>
<script type="text/javascript" src="plugins/mootools/mootools-more.js?1.2.4.4"></script>
</head>

<body id="top">
<div id="wrapper">

<div id="header">
<div class="inside">

<img src="tl_files/pawis-weinausschank.de/images/oben1.jpg" width="93" height="131" /><img src="tl_files/pawis-weinausschank.de/images/oben2.jpg" width="113" height="131" /><img src="tl_files/pawis-weinausschank.de/images/oben3.jpg" width="75" height="131" /><img src="tl_files/pawis-weinausschank.de/images/oben4.jpg" width="108" height="131" /><img src="tl_files/pawis-weinausschank.de/images/oben5.jpg" width="105" height="131" /><img src="tl_files/pawis-weinausschank.de/images/oben6.jpg" width="85" height="131" /><img src="tl_files/pawis-weinausschank.de/images/oben7.jpg" width="79" height="131" /><img src="tl_files/pawis-weinausschank.de/images/oben8.jpg" width="91" height="131" /> 
</div>
</div>

<div id="container">

<div id="left">
<div class="inside">

<img src="tl_files/pawis-weinausschank.de/images/home.jpg" alt="Home" width="206" height="85" />
<img src="tl_files/pawis-weinausschank.de/images/uns.jpg" alt="Über Uns" width="206" height="69"/>
<img src="tl_files/pawis-weinausschank.de/images/angebote.jpg" alt="Angebote" width="206" height="70"/>
<img src="tl_files/pawis-weinausschank.de/images/uebernachtung.jpg" alt="Übernachtung" width="206" height="78" />
<img src="tl_files/pawis-weinausschank.de/images/kontakt.jpg" alt="Kontakt" width="206" height="73"  /> 
</div>
</div>

<div id="main">
<div class="inside">

<div class="mod_article block" id="kontakt">

</div>
 
</div>
 
<div id="clear"></div>
</div>

</div>

<!-- indexer::stop -->
<img src="http://localhost/pawis-weinausschank.de/cron.php" alt="" class="invisible" />
<!-- indexer::continue -->

</div>

</body>
</html>

**luv76** · 06.07.2010, 20:49

liegt es vieleicht daran:

Code:

<link rel="stylesheet" href="system/contao.css" type="text/css" media="screen" />

**BugBuster** · 06.07.2010, 20:52

keine Ahnung obs daran liegt, aber deine Menügrafiken haben keine Pixel Einheiten.

**luv76** · 06.07.2010, 20:56

BugBuster was meinst du damit ! keine pixel angaben ?

**BugBuster** · 06.07.2010, 21:34

Na die width und height Angaben haben keine Einheit, aber das spielt bei Bilder wohl keine so große Rolle.
Für deine online Tabellen Variante verschwinden die Abstände, wenn du für die td Angaben in der menü Tabelle die Zeilenhöhe auf 0 setzt.

Code: