zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Unterschiede in IE und Firefox

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.08.2004, 18:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.08.2004
Beiträge: 1
newbalu befindet sich auf einem aufstrebenden Ast
Standard CSS Unterschiede in IE und Firefox

Hallo Leute,

ich bin mit meinem spärlichen Latein am Ende. Ich verwende in meiner Seite eine exterene CSS-Datei . Bei der Darstellung im IE Browser entspricht das Layout dem, was ich mir vorstelle. Im Firefox gibt es leider ein paar Abweichungen, die ich nicht beheben kann.

1. .tpkopf (siehe css)
im IE - 1px hoch - spaltenbreite (100%) sauberer abstand nach unten (1px)
im FF - ca 3 px hoch - nur so breit wie schrift - abstand nach unten ( -1px)

2. abstand nach oben (zum tabellentop)
im IE gleichmäßig bei allen tabellen
im FF unterschiedlich - obwohl alle tabellen im selben <table></table> liegen.

Der Link zur Seite: http://www.freising-one.de

Hier die CSS

Code:
body {
 	margin:0; 
 	padding:0;

	font: normal 10px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: url(../images/hintergrund.gif);
	font-size: 12px ;
}

.hauptberreich{
	font-size: 10;
	background: #FFFFFF;
	padding: 5px 0px 3px 3px;
}

#box_links{
	border-right: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	padding: 0px 5px 5px 15px;
	font-size: 10px;
}

#box_rechts{
	border: 1px dashed #CCCCCC;
	padding: 2px 2px 2px 2px;
	font-size: 10px;
}

#box_update{
	border: 1px solid #CC3300;
	padding: 5px;
	font-size: 10px;
	background: #EAEADF;
}

#box_pool{
	border: 1px solid #666666;
	padding: 5px;
	font-size: 10px;
	background: #F8F7E4;
}
#box_tf{
	border: 1px solid #CC3300;
	padding: 5px;
	font-size: 10px;
	background: #EAEADF;
	width: 400px;
	margin: 25px;
}

#foo{
	padding: 5px 5px 0px 0px;
	height: 70px;
	width: 800px;
	border-top: 1px dashed #CCCCCC;
	font-size: 10;
	color: #cc3300;
	text-decoration: none;
	background: #FFFFFF;
}



#topstory{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #e4e4e4;
	padding: 0px 3px 3px;
	border: 1px solid #dedede;
	text-align: justify;
}

#story{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0px 3px 3px;
}
/* Start Schrift Design */
/* Standart H1 */

*|*:-moz-list-bullet, *|*:-moz-list-number {font-size: 1em;}

h1 {
	margin: 0px 0px 5px 0px;
	padding: 0;
	font-size: 10px ;
	text-transform: uppercase;
	color: #cc3300;
	letter-spacing: 1px;
}
.tpkopf{
	text-transform: uppercase;
	color: #666666;
	border-bottom: 2px solid #CC3300;
	width: 100%;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-bottom: 1px;
}

.features{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #e4e4e4;
	padding: 5px 15px 5px 15px;
	border: 1px solid #666666;
	text-align: left;
}

.quelle{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 5px 15px 5px 15px;
	border: 1px solid #CC3300;
	text-align: left;
	background: #F8F7E4;

}

#high{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 5px 15px 5px 15px;
	border: 1px solid #CC3300;
	text-align: left;
	background: #F8F7E4;
	position: relative;
	width: 150px;
	left: 420px;
	top: 150px;
}

/* Standart Link */
a {
	text-decoration: none;
	color: #cc3300;
	}
a:hover {
	color: #999999;
	text-decoration: none;
	}

/* Kopf Link */
.k a {
	text-decoration: none;
	color: #ffffff;
	}
.k a:hover {
	color: #e4e4e4;
	text-decoration: none;
	}	
/* Formularfeld */
input, textarea {
	font-size: 10px;
	color: #777777;
	background: #F1F3E5;
	border: 1px solid #D9DDC4;
	}
	
	
.img_rechts
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}

.img_links
{
float: left;
margin: 0px 10px 0px 0px;
border: 1px solid #666;
padding: 2px;
}
Wer kann mir helfen.
Danke - Newbalu
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.08.2004, 18:48
Benutzerbild von Gumbo
XHTMLforum-Kenner
 
Registriert seit: 22.08.2004
Ort: Trier
Beiträge: 2.734
Gumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekannt
Standard

Eine gleiche Darstellung auf verschiedenen Plattformen setzt sowohl validen CSS- als auch HTML-Quellcode voraus.
Der CSS-Quellcode ist zwar neben einigen fehlenden Einheiten korrekt, jedoch weist der HTML-Quellcode 120 Validierungsfehler auf.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Grafikproblem IE / Firefox über CSS techniker CSS 2 10.02.2009 18:43
CSS IE und Firefox - ich flipp aus yayz78 CSS 10 05.10.2007 03:38
CSS unterschiede zwischen Firefox und Explorer Gimli1972 CSS 6 28.07.2006 15:55
kein css im firefox tobydom CSS 6 17.11.2005 22:49
CSS Interpretation Firefox und IE - Grundgerüsst verzerrt EvilGeorge CSS 2 26.10.2005 14:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:50 Uhr.