Firefox hält sich nicht an width

Status
Nicht offen für weitere Antworten.
S

Samonis

Mitglied
Hallo

Schon wieder ich :) es ergeben sich immer wieder neue Probleme.

Gerade jetz hab ich einen Rahmen der im css so definiert ist:

Code: 
.rahmenlinksinnen
	{
	border: solid;
	border-width: 1px;
	color: #757575;
	background: #BFDFFF;
	background-repeat: no-repeat;
	z-index: 9;
}

#rahmenlinksinnen
{
	padding-left: 5px;
	padding-top: 5px;
	width: 90px;
	height: 110px;
	position: absolute;
	top: 20px;
	left: 20px;
}

habe mit einem lineal nachgemessen. der IE hält sich an die
90px und 110px. Firefox macht 100px und 120px.

Was muss ich anders machen, damit der Kasten in beiden Browsern gleich groß ist?

EDIT: OKOK. Ich hör glaub für heute auf :D ohne padding natürlich. Danke!
 
Ich habe fast das selbe Problem

Ich surfe mit IE und Opera
Dann hab ich mal den Firefox 1.0.3 probiert.
Ich habe erst vor ein paar wochen meine kleine Homepage von Tabellen auf CSS Container umgebaut. Und im Firefox sieht es einfach kaputt aus. alles verschoben und meine muehsamen Berechnungen :D spielen verrueckt.

Problem (link)

Im Opera passt der markierte Link genau in den Container aber im Firfox steht er über.
das ergibt irgendwie keinen Sinn, selbst der IE schafft das wenn man noch ein height einfuegt.

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title><?php echo $site ?> :: Tommy-Seus.de ::</title>
<link href="main_.css" rel="stylesheet" type="text/css">
</head>
<body>
<?php include ("exec.php")?>
<!--  -->
<div>
	<div style="background-image: url(index/index06.gif); background-repeat: no-repeat; background-color: rgb(230,230,230); height: 130px;"></div> 
	<div style="background-color: rgb(  0, 72,112); height: 1px;"><img src="index/1x1.gif"></div>
	<div style="background-color: rgb(  0, 72,112); height: 24px;">
		<div class="mainnav">
			<a <?php if ($main=="Main") 		echo $active; else echo $nonactive ?>	href="index.php?main=Main&site=Neuigkeiten" 	>Main</a>
			<a <?php if ($main=="About Me") 	echo $active; else echo $nonactive ?>	href="index.php?main=About Me&site=Tommy Seus"	>About Me</a>
			<a <?php if ($main=="Favorites") 	echo $active; else echo $nonactive ?>	href="index.php?main=Favorites&site=Links"		>Favorites</a>
			<a <?php if ($main=="Files") 		echo $active; else echo $nonactive ?>	href="index.php?main=Files&site=Inhalt"			>Files</a>
		</div>
	</div>
 	<div style="background-color: rgb(235,235,235); padding: 5px 5px 10px 5px;">blub</div>
</div>
</body>
</html>

.css

Code: 
/* - - - - - RESET - - - - - */
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, th, td, form, img, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

/* - - - - - CSS CONTAINER - - - - - */

div.mainnav a {
	color: rgb(255,255,255);
	text-decoration: none;
	font-size: 12px; 
	font-weight: bold;
	width: 100px;
	height: 24px;
	float: left;
}

div.mainnav a:hover {
	background-color: rgb(255, 255, 255);
	color: rgb(   0,  72, 112);
}
 
Samonis hat gesagt.:
habe mit einem lineal nachgemessen. der IE hält sich an die
90px und 110px. Firefox macht 100px und 120px.
Zum Vergrößern anklicken....
Nicht der IE, sondern der FireFox interpretiert das Box-Modell richtig ;-]

Probier's mal mit diesen Doctype-Angaben:

Full Standards Mode
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
Almost Standards Mode
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
 
Zuletzt bearbeitet von einem Moderator:
Weise mal den <li> auch float:left zu, dann könnte es aber sein, dass Du noch innerhalb des selben Divs ein weiteres brauchst, was clear:left hat.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück