Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 15.09.2004, 00:05
Spider Spider ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.09.2004
Beiträge: 58
Spider befindet sich auf einem aufstrebenden Ast
Standard Bitte testen mit Firefox und IE (Vergleich!)

Hi, also ich hab bisher immer mit dem IE gesurft und heut vom Release des FireFox 1.0 gelesen und gedacht ich probier ihn doch mal, obwohl ich bisher nur gehört hatte, dass der IE zwar schlecht sei, aber die anderen was CSS usw angeht auch nicht besser, eher schlechter wären.

Hab ihn also drauf gemacht und dann mein derzeitiges Projekt angeschaut und da fiel ich schon aus allen Wolken

also, anschauen könnt ihr die seite hier.
Am besten is es natürlich wenn ihr nen IE und nen FireFox drauf habt, also beim IE siehts so aus wies aussehen soll, die Höhe der <div> container ist niedrig bis gar nicht angesetzt, bei mehr text vergößert sich der div automatisch nach unten und mit ihm auch das hintergrund bild (beim IE).
Beim FireFox hab ich hingegen festgestellt (mit border) das sich da die div's nicht (zumindest nicht einfach so) vergrößern, der text ging dann weiter, aber der begrenzungsrahmen von dem div in dem der text steht (mitte) is da wo er auch bei gar keinem text wäre
ich hab mal nen weißen rahmen eingeblendet, da sieht mans sehr gut.
Außerdem is mir noch aufgefallen das der FireFox mit padding anders umgeht als der IE. Beim IE hats so geklappt wie ich mir padding immer vorgestellt hab (als innenabstand), dh der div ist gleich groß geblieben nur der text hat weiter "innen" angefangen, aber beim FireFox scheints andersrum zu sein (außenabstand?), der text is wo er war und der rahmen is weiter nach außen
Deshalb is beim IE auch ein größerer Abstand zwischen den 2 Rahmen, sonst häts nämlich beim firefox nimmer neben einander gepasst (is mit float gemacht)
Der dicke weiße Rahmen ist von dem Div in dem die anderen (außer footer) alle drin sin und sich beim IE auch richtig vergrößert

Desweiteren: Vergleicht mal die "Menü Titel", da nimmt der firefox des text-align:center; nich an und macht die hintergrundfarbe auch nicht über die ganze breite

Kann mir da jemand helfen wie ich des alles auch beim FireFox richtig hinbekomm? (hoffe mein text is einigermaßen verständlich)

achso, hier noch der css code, hab ich ja extern:
(Sowohl der CSS Code als auch der HTML Code is validiert und CSS2.0 bzw. xHMTL 1.0 Strict)
Code:
* {
	font-family:verdana;
	color:#fff;
}
h1 {
	font-size:16px;
	text-align:center;
}
p {
	color:#000;
	font-size:12px;
}
a:link {
	color:#fff;
	text-decoration:none;
}
a:visited {
	color:#fff; 
	text-decoration:none;
}
a:hover {
	color:#aecaea; 
	text-decoration:none;
}
a:active {
	color:#fff; 
	text-decoration:none;
}
body {
	background-color:#aaa;
}
div.all {
	width:950px;	
	background-image:url("images/background.gif");
	background-repeat:repeat-y;
	min-height:300px;
        border:3px solid #fff;
}
div.header {
	background-image:url("images/header.gif");
	background-position:bottom;
	height:235px;
}
div.menu {	
	float:left;
	width:200px;
	margin-left:5px;
	border:1px solid #fff;
}
div.in_menu {
	position:relative;

	font-size:12px;
	left:30px;
	width:170px;
}
div.main {	
	float:right;
	height:50px;
	width:700px;
	padding:18px;
	border:1px solid #fff;
}
div.footer {
	font-size:12px;
	font-weight:bold;
	background-image:url("images/footer.gif");
	height:55px;
	width:950px;
	text-align:center;
}
.border {
	border:1px solid #000;
}
span.menu {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background-color:#aecaea;
	width:180px;
}
a.submenu {
	font-size:10px;
}
div.in_menu span {
	visibility:hidden;
	font-size:8px;
}
div.in_menu a:hover span {
	visibility:visible;
	text-decoration:none;
}
Mit Zitat antworten
Sponsored Links