• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Firefox ärgert mich Part 2/?: CSS -Styles

bubu-der-uhu

bubu-der-uhu

New member
Nach meinem kurzen Höhenflug hab ich nun erneut Probleme mit Firefox. weshalb ich die Hilfe von euch erfahrenen Codern benötige:

Css style meiner Tabelle:

main.css:
HTML: 
td,th {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 12px;
width: 170px;
height: 170px;
padding: 2px 2px 2px 2px;
}

im TabellenTag dann:

HTML: 
 <table border="1" cellspacing="0" align="center" bgcolor="#000000" bordercolor="#999999">

...Dadurch hat der Tabellenrand genau die selbe Farbe wie der Hnitergrund (=#999999) => nicht sichtbar

Im Firefox sieht man aber die Tabelle... und hat so ein 3D-Standard aussehen! Was muss ich in den Code schreiben damit es Firefox auch "unsichtbar" macht?



Problem Nr. 2:

In den oben definierten Tabellen kommt ein Text rein.
Ist dieser genau so lang das er gerade noch in die Tabellle reinpasst dann stellt der IE die Td zwar richtig dar (170x170) aber Firefox macht mir die Tabelle höher! Wodurch das ganze wieder hässlich aussieht!

Den Text kann ich leider nicht kürzen... wie schaffe ich es, dass mir Firefox keinen Extra-Abstand einfügt?




Vielen Dank schonmal!!!!
 
Versuch 'mal in Deiner TABLE-Definition mit

cellpadding='0'


Vielleicht war's ja das
 
hmm...

Nein das wars leider nicht. Firefox macht immer noch eine 3D-Tabelle!

Bin übrigens gerade auf ne seltsame Sache gestossen:

wenn ich z.B.: im main.ccs einen <div> mit height: 400px; angebe ... und in einer Seite welche nicht main.css verwendet auch im head height: 400px; angebe dann ist dieses kleiner als das <div> in einer Seite elche auf main.css zugreift!

Weis da wer Bescheid?

CSS-File:
HTML: 
#maincontent	{

	width: 996px;
	height: 400px;

	border: 1px solid #FFFFFF;

	background-color: #999999;
	
	overflow:auto;
	overflow-x: hidden;
	padding: 15px 0px 15px 0px;
	font-family:Arial, Helvetica, sans-serif;
	
	scrollbar-base-color:#FFFFFF;
    scrollbar-3d-light-color:#000000;
    scrollbar-arrow-color:#FF9900;
    scrollbar-darkshadow-color:#000000;
    scrollbar-face-color:#000000;
    scrollbar-highlight-color:#000000;
    scrollbar-shadow-color:#000000;
    scrollbar-track-color:#FFFFFF;
}


und nun das Dokument ohne CSS-File aber mit CSS-Tag im Head:
HTML: 
#maincontent	{

	width: 996px;
	height: 400px;

	border: 1px solid #FFFFFF;

	background-color: #999999;
	
	overflow:auto;
	overflow-x: hidden;
	padding: 15px 0px 15px 0px;
	font-family:Arial, Helvetica, sans-serif;
	
	scrollbar-base-color:#FFFFFF;
    scrollbar-3d-light-color:#000000;
    scrollbar-arrow-color:#FF9900;
    scrollbar-darkshadow-color:#000000;
    scrollbar-face-color:#000000;
    scrollbar-highlight-color:#000000;
    scrollbar-shadow-color:#000000;
    scrollbar-track-color:#FFFFFF;
}
 
OK... selber drauf gekommen:


Lösung für 3D-Tabelle: border="0" und den Rest rausschmeissen
td,th{} mit background-color:#000000; definieren oder in <td>-Tag bgcolor:#000000! Dann funzt es auch mit Firefox...


Problem wegen unterschiedlicher height:

irgendwie war bei manchen Seiten der Tag ganz oben verhunzt... irgendwas mit xml....??? Wenn mans austausch gegen den Standard:
HTML: 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

dann passt wieder alles!



... Das Problem das mir Firefox die Tabellen grösser macht, wenns mit dem Text knapp wird hab ich aber immer noch nicht gelöst.... noch keiner eine Idee???
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben