Problem mit Tabellenzellen, diese springen

Peter Klein

Erfahrenes Mitglied
Ich brauche mal Feedback ob dieser Bug bei euch auch auftritt.
ECOCITY - Energie Dort sind Daten in Tabellen und diese Tabellen zerschiessen unter Firefox 3.0.8(MAc) und unter Firefox 3.0.10(Win XP).
Auf meinem System (Mac OSX 10.5 und FF 3.0.10) tritt dieser Bug nicht auf. Habe feste Breiten im CSS und nun auch im Markup drin zum testen. Bei den besagten Problemfällen leider keine Besserung.

Wer hat ne Idee woran es liegt?

Grüße

Peter
 
Hi,

hilfst du uns auf die Sprünge, wo man den vermeintlichen Bug begutachten kann?

mfg Maik
 
Hm. Habe deine Seite mit FF unter Vista als OS betrachtet. Alles super, auch noch beim zweiten und dritten hinsehen;)

Im IE allerdings, zerrt etwas die Optik;) dieser Braunton, der hinter den "Unterüberschriften" liegt wird falsch dargestellt.

Poste doch mal den betreffenden CSS schnipsel.

PS hier das Bild
IE_spackung.jpg
 
Klick mal merhmals auf den LInk in der oberen Navigation, wenn du auf der Seite mit der Energie-Tabelle bist.

Ich kann mir es nicht erklären. Vom MArkup her dürfte auch alles ok sein.
 
Selbst beim mehrmaligen Klicken des Links ändert sich bei mir nichts.

Hast du mal einen Schnappschuß zur Hand, wie sich das Springen bei dir äußert?

mfg Maik
 
Hm. Habe deine Seite mit FF unter Vista als OS betrachtet. Alles super, auch noch beim zweiten und dritten hinsehen;)

Im IE allerdings, zerrt etwas die Optik;) dieser Braunton, der hinter den "Unterüberschriften" liegt wird falsch dargestellt.

Poste doch mal den betreffenden CSS schnipsel.

FÜr den IE habe ich och keine anpassungen gemacht. des kommt noch.

DER SCHNIPSEL
HTML:
/* TECHNOLOGY */
		body.technology #content-wrapper {
			height:767px;
		}
		body.technology .column-left {
			float:left;
			width:560px;
		}
		body.technology .column-right {
			float:right;
			height:767px;
			width:360px;
		}
		body.standards #content-wrapper {
			border-top:0;
			height:auto;
			width:920px;
		}
		body.standards table {
			display:block;
			font-size:11px;
			width:920px;
		}
		table thead {
			background:#8e8e8e;
			color:#fff;
			display:block;
			margin:0 0 2px 0;
			width:920px;
		}
		table caption {
			color:#fff;
			font-weight:bold;
			font-size:12px;
			letter-spacing:1px;
			margin:0 0 2px 0;
			padding:7px 7px 7px 5px;
			width:920px;
		}
		table#transport caption,
		table#water caption {
			background:#329db2;
		}
		table#landscape caption,
		table#energy caption {
			background:#AAD458;
		}
		table#social caption,
		table#stuff caption {
			background:#ffe500;
		}
		table .subcategory {
			background:#E7EEC5;
			clear:both;
			color:#333;
			display:block;
			font-size:12px;
			margin:0 0 2px 0;
			padding:4px;
			width:912px;
		}
		table#landscape .subcategory
		table#energy .subcategory {
			background:#E7EEC5;
		}
		table#transport .subcategory,
		table#water .subcategory {
			background:#AEDFE7;
		}
		table#social .subcategory,
		table#stuff .subcategory {
			background:#FFF5AF;
		}
		table .content {
			background:#e6e6e6;
			display:block;
			margin:0 0 2px 0;
		}
		table td {
			vertical-align:baseline;
		}
		table .category {
			width:120px;
		}
		table .description,
		table .benefits,
		table .considerations {
			border-left:2px solid #fff;
			padding:5px;
		}
		table .benefits {
			width:300px;
		}
		table .considerations {
			width:300px;
		}
		table .description {
			border:0;
			width:150px;
		}
		table .leed,
		table .breeam {
			background:url(../images/accept.png) no-repeat center center;
			border-left:2px solid #fff;
			padding:5px;
			width:60px;
		}
		table .leed p,
		table .breeam p {
			display:none;
		}
		thead .leed,
		thead .breeam,
		table .no-certification {
			background:none;
		}
		table p {
			margin:0;
		}
		table .benefits p,
		table .considerations p {
			background:url(../images/bullet.png) no-repeat left 6px;
			padding:0 0 0 10px;
		}
 
Im CSS-Code kann ich soweit auch keine Auffälligkeiten entdecken.

mfg Maik
 
Zurück