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

Dieses Thema CSS-Boxen; rechte Spalte (von 3) in FF & IE falsch angezeigt im Forum "Webentwicklung, Hosting & Programmierung" wurde erstellt von Tobsen086, 21. Aug. 2006.

Thema: CSS-Boxen; rechte Spalte (von 3) in FF & IE falsch angezeigt Hallo! Ich kann mir einen Fehler in meiner neu gestalteten Seite einfach nicht erklären. Folgende Seite macht die...

  1. 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:
    	<!-- Beginn obere Tabelle -->
    	<table class=tabelle zeile cellspacing=0 cellpadding=0>
    	  <tr>
    		<td class=t-kopf>Verein</td>
    	  </tr>
    	  <tr>
    		<td style=height:70px;>
    		  <a href=/verein/vorstand/vorstand.php>Vorstand</a><br>
    		  <a href=/verein/infos/info.php>Fakten</a><br>
    		  <a href=/verein/geschichte/geschichte.php>Geschichte</a>
    		</td>
    	  </tr>
    	</table>
    
    	<!-- Beginn untere Tabelle -->
    	<table class=tabelle zeile cellspacing=0 cellpadding=0>
    	  <tr>
    		<td class=t-kopf>Sportstätten</td>
    	  </tr>
    	  <tr>
    		<td style=height:50px;>
    		  <a href=/verein/stadien/stadion.php>Oderbruchstadion</a><br>
    		  <a href=/verein/stadien/robert.php>Robert-Koch-Platz</a>
    		</td>
    	  </tr>
    	</table>
    	
    		  <?php
    		  include ('Pfad/alles/verbaende.php');
    		  ?>
    Verbände:
    Code:
    		  <table cellpadding=0 cellspacing=0 class=tabelle>
    			<tr>
    			  <td class=t-kopf>
    				Verbände
    			  </td>
    			</tr>
    			<tr>
    			  <td>
    				<br>
    				<!-- Logo+Link vom DFB -->
    				 <a href=[url]http://www.dfb.de/><img[/url] src=/bilder/wappen/dfb.gif width=148 alt=[url]www.dfb.de></a>[/url]
    			  </td>
    			</tr>
    			<tr>
    			  <td class=c2>
    				 
    			  </td>
    			</tr>
    			<tr>
    			  <!-- Logo+Link vom FLB -->
    			  <td>
    				<a href=[url]http://www.flb.de/><img[/url] src=/bilder/wappen/flb.gif width=148 alt=[url]www.flb.de></a>[/url]
    			  </td>
    			</tr>
    			<tr>
    			  <td class=c2>
    				 
    			  </td>
    			</tr>
    			<tr>
    			  <!-- Logo+Link von FK - MOL -->
    			  <td>
    				<a href=[url]http://www.fussball-mol.de/><img[/url] src=/bilder/wappen/mol.gif width=148 alt=Logo von->FK - MOL'></a><br>
    				 
    			  </td>
    			</tr>
    		  </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
     
  2. also bei mir wird das in allen drei browsern genau gleich angezeigt.... ???
     
  3. 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 ;)
     
  4. 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.
     
  5. ah... jetzt seh ich den unterschied...
     
Die Seite wird geladen...

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

Forum Datum
Startmenü nur noch mit rechter Maustaste Windows 10 Forum 22. Aug. 2016
Gruppenrichtlinien Rechte für Taskleiste auf Server 2003 Windows Server-Systeme 27. März 2016
Schreibrechte auf meine NAS verloren Windows 8 Forum 4. März 2016
Win 8.1 jar datei ausführen - keine adminrechte Windows 8 Forum 28. Juni 2015
Kann Dateien trotz Vollzugriff nicht öffnen oder verwenden (Keine Rechte) Windows 7 Forum 1. Juni 2015