CSS-Boxen; rechte Spalte (von 3) in FF & IE falsch angezeigt

Tobsen086 · 21.08.2006

Hallo!

Ich kann mir einen Fehler in meiner neu gestalteten Seite einfach nicht erklären. Folgende Seite macht die Probleme:
http://www.victoria-seelow.de/verein/verein.php

Fehler:
Opera zeigt bei mir alles richtig an. Problem macht mir nur die rechte Spalte. Dort sieht man drei Tabellen untereinander (Verein, Sportstätten, Verbände). Im IE wird Verein und Sportstätten zu klein angezeigt. Es fehlen etwa 10 Pixel um randgenau zu sein. Bei FireFox werden diese beiden Tabellen zwar richtig angezeigt aber die Tabelle Verbände wird zu groß dargestellt.

Aufbau:
Die drei Spalten (+Header und Footer) werden mit CSS-Boxen angeordnet. Zur rechten Spalte: die oberen beiden Tabellen, sind direkt im Quelltext geschrieben, die untere ist includiert.

Quelltext:
Grund-CSS:

Code:

html, body{ 
 margin:5px; 
 padding:0px; 
 text-align:center;
 background-image : url(bilder/hinter1.jpg); 
 color : White;
 font-size : 12pt;
 font-weight : bold;
 font-family : Times New Roman, Times, serif; 
} 
 
#pagewidth{ 
 width:984px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
} 
 
#header{
 position:relative; 
 height:95px; 
 background-image : url(bilder/hinter1.jpg);
 width:100%;
} 
 
#leftcol{
 width:130px; 
 float:left; 
 position:relative; 
  }
 
#twocols{
 width:854px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:150px; 
 float:right; 
 position:relative; 
 }
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:694px;
 background-image : url(bilder/hinter1.jpg);
 }
 
#footer{
 height:80px; 
 background-image : url(bilder/hinter1.jpg);
 clear:both;
 } 
 
 /* Float containers fix: */ 
.clearfix:after {
 content: .; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

Rechte Spalte:

Code:

	&lt;!-- Beginn obere Tabelle -->
	&lt;table class=tabelle zeile cellspacing=0 cellpadding=0>
	  &lt;tr>
		&lt;td class=t-kopf>Verein&lt;/td>
	  &lt;/tr>
	  &lt;tr>
		&lt;td style=height:70px;>
		  &lt;a href=/verein/vorstand/vorstand.php>Vorstand&lt;/a>&lt;br>
		  &lt;a href=/verein/infos/info.php>Fakten&lt;/a>&lt;br>
		  &lt;a href=/verein/geschichte/geschichte.php>Geschichte&lt;/a>
		&lt;/td>
	  &lt;/tr>
	&lt;/table>

	&lt;!-- Beginn untere Tabelle -->
	&lt;table class=tabelle zeile cellspacing=0 cellpadding=0>
	  &lt;tr>
		&lt;td class=t-kopf>Sportst&amp;auml;tten&lt;/td>
	  &lt;/tr>
	  &lt;tr>
		&lt;td style=height:50px;>
		  &lt;a href=/verein/stadien/stadion.php>Oderbruchstadion&lt;/a>&lt;br>
		  &lt;a href=/verein/stadien/robert.php>Robert-Koch-Platz&lt;/a>
		&lt;/td>
	  &lt;/tr>
	&lt;/table>
	
		  &lt;?php
		  include ('Pfad/alles/verbaende.php');
		  ?>

Verbände:

Code:

		  &lt;table cellpadding=0 cellspacing=0 class=tabelle>
			&lt;tr>
			  &lt;td class=t-kopf>
				Verbände
			  &lt;/td>
			&lt;/tr>
			&lt;tr>
			  &lt;td>
				&lt;br>
				&lt;!-- Logo+Link vom DFB -->
				 &lt;a href=[url]http://www.dfb.de/>&lt;img[/url] src=/bilder/wappen/dfb.gif width=148 alt=[url]www.dfb.de>&lt;/a>[/url]
			  &lt;/td>
			&lt;/tr>
			&lt;tr>
			  &lt;td class=c2>
				&amp;nbsp;
			  &lt;/td>
			&lt;/tr>
			&lt;tr>
			  &lt;!-- Logo+Link vom FLB -->
			  &lt;td>
				&lt;a href=[url]http://www.flb.de/>&lt;img[/url] src=/bilder/wappen/flb.gif width=148 alt=[url]www.flb.de>&lt;/a>[/url]
			  &lt;/td>
			&lt;/tr>
			&lt;tr>
			  &lt;td class=c2>
				&amp;nbsp;
			  &lt;/td>
			&lt;/tr>
			&lt;tr>
			  &lt;!-- Logo+Link von FK - MOL -->
			  &lt;td>
				&lt;a href=[url]http://www.fussball-mol.de/>&lt;img[/url] src=/bilder/wappen/mol.gif width=148 alt=Logo von->FK - MOL'>&lt;/a>&lt;br>
				&amp;nbsp;
			  &lt;/td>
			&lt;/tr>
		  &lt;/table>

Ich vermute ja langsam fast, dass es wirklich am Browser liegt. Hoffe, ich habe alle relevanten Infos mitgeteielt. Vielleicht kann mir ja jemand helfen. Für alle, die mal über die Sache nachdenken: Danke! :1

Luigi_Tirol · 21.08.2006

also bei mir wird das in allen drei browsern genau gleich angezeigt.... ???

connyas · 21.08.2006

Die oberen 2 Boxen (Verein/Sportstätten) sind mit:

Code:

class=tabelle zeile

Die 3. Box (Verbände) ist mit:

Code:

class=tabelle

k.A. obs daran liegt

Tobsen086 · 21.08.2006

Wirklich gleich?! Es ist eigentlich ein minimaler Unterschied. Ganz rechts, sollen alle Spalten genau gleich abschließen.
@Conny: eher nicht. Werde es nachher probieren. zeile sagt nur aus, dass unter der Tabelle ein Abstand von 10 Pixel sein soll.

Luigi_Tirol · 21.08.2006

ah... jetzt seh ich den unterschied...

CSS-Boxen; rechte Spalte (von 3) in FF & IE falsch angezeigt

Tobsen086

Luigi_Tirol

connyas

Tobsen086

Luigi_Tirol

CSS-Boxen; rechte Spalte (von 3) in FF & IE falsch angezeigt

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums