Firefox und Opera zeigen mein Layout falsch an

[Ugeen]

Ich habe das Problem das mir Firefox und der Opera, dass sie beide trotz der eigentlich richtigen Angaben für "Ihr" Boxmodell mein Layout nicht richtig anzeigen. Beim IE hab ich keine Probleme
Ich habe alle Werte überprüft und die Werte sollten eigentlich soweit stimmen, ich komme insgesamt auf meine festgelegten 994px. Trotzdem bringt mir Firefox und der Opera ein falsches Ergebnis. Ca. 1-2px fehlen ihn für Conten_right damit es stimmt. Was kann ich noch machen?

Für das gesamte Layout:
#layout {
width: 994px;
height: 768px;
}

Für den Content:
#container { /*vorher Content mit % Angaben*/
width: 994px;
height: 480px;
}
#content_left {
background-color: #1A1A1A;
background-image: url(Bilder/Scannlines3.gif);
border-left: 1px ridge white;
border-right: 1px ridge white;/*#282828 groove*/
width: 246px;/*248px für IE*/
height: 100%;
float: left;
}
#content_right {
background-color: #1A1A1A;
background-image: url(Bilder/Scannlines3.gif);
border-right: 1px ridge white;
width: 745px;/*746px für IE*/
height: 100%;
float: left;

 

[womstar]

zeigen ...
ne url wäre nicht schlecht.

 

[Ugeen]

Hier die Testseite. Im IE müsste das jetzt auch flasch angezeigt werden, da momentan die Werte für Firefox und dem Opera in der CSS Datei enthalten sind.

 

[dkdenz]

Versuche es mal hiermit.

* { padding:0; margin:0; }

 

[womstar]

wie wäre es mit:

body {
margin:0px;
padding:0px;
}

 

[womstar]

@dk
ich würde momentan noch keine css2 anweisungen empfehlen, wenn diese noch nicht von allen browsern verstanden werde.

 

[Ugeen]

Habe leider immer noch die selbe Ansicht im Firefox und Opera, gibt es da keine andere Lösung?

 

[dkdenz]

Ich kann da jetzt nix entdecken, was es sein könnte.
Am Besten fängst Du nochmal mit einem Minimal-CSS an und tastest Dich langsam an die Sache ran bis es passt.
Und versuche, die Maße nicht zu mischen.
Also entweder relative oder absolute Angaben.

 

[Ugeen]

Also sollte ich % und px Angaben nicht mischen ja? Ich habe die % Angabe nur für die Höhe gemacht, damit, wenn mehr text vorhanden sein sollte, sich der Bereich vergrößert.

 

[womstar]

also komisch, wenn ich es mit den angaben machen klappts doch wunderbar ...!?!

html body {
	background-color:black;
	margin:0px;
	padding:0px;
}
#layout {
width: 1004px;
height: 768px;
}
#head {
background-image: url(head4.gif);
border-left: 1px ridge white;
border-top: 2px ridge white;
border-right: 1px ridge white;
width: 100%;
height: 200px;
}
#navi {
  	background-color: #1A1A1A;
	background-image: url(navi2.gif);
	border-left: 1px ridge white;
	border-right: 1px ridge white;
	width: 100%;
	height: 41px;
}
#container { /*vorher Content mit % Angaben*/
	width: 1004px;
	height: 480px;
}
#content_left {
  	background-color: #1A1A1A;
	background-image: url(Scannlines3.gif);
	border-left: 1px ridge white;
	border-right: 1px ridge white;/*#282828 groove*/
	width: 246px;/*248px für IE*/
	height: 100%;
	float: left;
}
#content_right {
	background-color: #1A1A1A;
	background-image: url(Scannlines3.gif);
	border-right: 1px ridge white;
	width: 758px;/*746px für IE*/
	height: 100%;
	float: left;
}
#footer {
	background-color: #1C1C1C;
	background-image: url(footer2.gif);
	border-left: 1px ridge white;
	border-right: 1px ridge white;
	border-bottom: 1px ridge white;
	width: 100%;
	height: 55px;
	float: left;
}
hr {
	width:225px;
	color: #838383;
	text-align: center;
	border-style:dotted;
}
.font {
   position: relative;
	top: 5px;
	left: 6px;
	color: White;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px; 
	}

 

[Ugeen]

Ich habs jetzt auch hinbekommen allerdings mit anderen Werten. Du hast doch jetzt aber das Gesamtlayout auf eine Breite von 1004px gebracht, jetzt müsste er ja eigentlich bei einer Auflösung von 1024*768 das ganze größer anzeigen d.h. es müsste ein Horizontaler Scrollbalken entstehen.

 

[ein schlauer]

Ich hab eine Auflösung von 1152x 752 Pixel und bekomme einen horizontalen Scrollbalken. Die Auflösung hat nichts mit der Größe des Brwoserfensters zu tun. HTML ist dafür gedacht sich an die Größe des browserfenster anzupassen.

Trotzdem solltest du noch ein margin und padding Wert für den Body angeben, da die durchaus unterschieldich sein können in den verschiedenen Browsern.

 

[Ugeen]

Ok vielen Dank für den Hinweis, muss das soweiso nochmal überprüfen.