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

Probleme mit Css undMozilla

M

mongospliff

New member
hi, und zwar versuche ich gerade mein css an alle browser anzupassen.
Ich habe aber probleme, dass es mir im mozilla firefox nicht richtig angezeigt wird.

i habe mit margin probleme, und mit background-image wenn ich die postion nicht auf relative lasse, doch dann funktioniert nämlich margin wieder. hmm.

kann mir jemand sagen wie ich da noch machen könnte?

mfg
 
Moin!

Es wäre hilfreich, wenn Du uns Deinen Code mal zeigst.

Ahoi - Pit
 
ok

style2.css
-------------


Code: 
body{
		font: Arial, Helvetica, sans-serif;
		font-size: 12px;
		
}

/************ HEADER***********************/
#header{
	width: 1020px;
	height: 30px;
	margin: 0px;
}

/************ MAIN ************************/
#main{
	width: 1020px;
	margin: 0px;
}
/*****************************************/





/************ MAIN - MIDDLE **************/
#c_middle{
	width: 590px;
	float: left;
	margin: 0px 10px 0px 0px;

}
#c_boxmiddle{	
		position:relative;
		width: 590px;
		border: 1px solid #000000;
		background-color: #CCCCCC;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin: 0px 0px 10px 0px;
}

#c_boxtitel{
		position: relative;
		display: block;
		padding: 1px 5px 0px 5px;
		border-bottom: 1px solid #000000;
		background-color: #000000;
}
#c_boxtitel a{	
		text-decoration: none;
		color: #FF6600;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
}
.titel{
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#c_blinks{
	width: 164px;
	padding: 10px 10px 10px 10px;
	float: left;
	color: #CCCCCC;
}
#c_brechts{
	width: 380px;
	padding: 10px 10px 10px 10px;
	color: #000000;
	float: left;
}
#c_datafield{
	height: 145px;
	width: 125px;
	border: 1px solid #CCCCCC;
	padding: 5px 0px 0px 5px;
}

/** - Body für verschieden Inhalte - **/
#c_boxbody{
		width: 570px;
		padding: 10px 10px 10px 10px;
}
#c_boxbody_forum{
	position: relative;
	width: 590px;
	background-image: url(hg.JPG);
	background-position: -410px;
}


test.html
-----------
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles2.css" rel="stylesheet" type="text/css">

</head>

<body>
<div id="c_middle">

<div id="c_boxmiddle">
	<div id="c_boxtitel">
		<a href="#">[ Link LINK ]</a>
	</div>
	<div id="c_boxbody">
		dfsfedfa dfads dsfa dfdsfads
		asfasf dsfasd fdsa fsdf s fdsa 		  
	</div>
</div>

[COLOR=Sienna]<div id="c_boxmiddle">
	<div id="c_boxtitel">
		<span class="titel">Titel</span>		
		<a href="#">[ Link LINK ]</a>
	</div>
	<div id="c_boxbody_forum">
		<div id="c_blinks">
			<span class="dat2">1. Thread</span><br><br>
			<div id="c_datafield">
				<span class="dat1">Mongospliff</span><br><br>
				<span class="dat3">12 Threads gepostet<br><br>
				Status: Online<br><br></span><br>
			</div>
			<br>12.01.06 12:20		
		</div>
			<div id="c_brechts">
				sfd
			</div>
	</div>[/COLOR][/COLOR]
</div>

	



</div>
</body>
</html>
------------------------------------------------------------------------


das problem ist im Mozilla wird der hintergrund nicht angezeigt. im Opera und iE schon.
 
Zuletzt bearbeitet:
UND WAS hab ich deiner meinung nicht gemacht. ausser dass css und html getrennt ist. was auch klar ist. da dass bei mir 2 dateien ist. eine css. und eine html. hmm???????????ßß

danke

mfg
 
Moin!

Da dkdenz momentan offline ist, klinke ich mich mal ein. Er hat absolut recht und Du brauchst hier nicht anzufangen, den Brüller zu mimen. Du "willst geholfen werden", von daher solltest Du auch ohne zu Motzen bereit sein, mehr zu investieren.

Ich hoffe Du kannst Dir vorstellen, daß es Leuten die bereit sind zu helfen echt Arbeit erspart, wenn sie einfach einen Text aus einem Beitrag kopieren, in ihrem Editor einfügen und dann den Code checken können.

Ahoi - Pit
 
und des von zerst war nur eine normale frage. guat dann versuch mas nochmal. i das was nicht funktioniert liegt im c_boxmiddel (das ist der untere container wennst das im browser anschaust), in diesem container ist c_boxbody und in diesem sind wieder 2 container für links und rechts.

doch wird im c_boxbody nicht die background-image angezeigt. auch keine color. nix. nur die 2 container links und rechts. und abhängig ist es sehr von der position. doch wenn ich die position ändere dann überlappen alle container. da ich vermeide so viele verschieden container anzulegen wie möglich.

mfg
 
Nur mal als Tip, der an dem Problem noch nichts ändert:

Man darf für verschiedene Felder nicht dieselbe id verwenden.
Mußt in diesem Fall class verwenden.
 
okey,

ich kann aber schon z.B. 2 mal den c_boxmiddel, indem ich dann die verschieden class verwende.
Und kann ich die class öfters in verschiedenen ids verwenden?

Ausserdem wenn ichs so style gehts ja auch im opera und IE, Als ist es eigentlich nicht wirklich falsch oder?
 
Du kannst eine Klasse sooft aufrufen wie du möchtest. Einen Bereich mit id jedoch nur exklusiv 1x im Ganzen benennen.

Also der Bereich c_boxbody_forum
der im Mozilla nicht angezeigt wird ist schon da, jedoch ist der nur so hoch wie der Inhalt. Und weil kein Inhalt drin ist, ist der nicht zu sehen.

Ich habe zur besseren Orientierung alle Boxen mit ner willkürlichen Hintergrundfarbe belegt und als Inhalt den Namen der Klasse reingeschrieben.

Hier die IE Ansicht:


Hier die Ansicht im Mozilla Firefox:



Code: 
           <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="mongo.css" rel="stylesheet" type="text/css">

</head>

<body>
<div id="c_middle">

	<div class="c_boxmiddle">

                  <div class="c_boxtitel">
	                 <a href="#">[ Link c_boxtitel ]</a>
	         </div>

                  <div id="c_boxbody">
	                 c_boxbody dfads dsfa dfdsfads
	                 asfasf dsfasd fdsa fsdf s fdsa
	         </div>
	</div> <!-- ende c_boxmiddle -->

<div class="c_boxmiddle">

         <div class="c_boxtitel">
		<span class="titel">c_boxtitel</span>
		<a href="#">[ Link LINK ]</a>
	</div> <!-- ende c_boxtitel -->

         <div id="c_boxbody_forum">
		<div id="c_blinks">
			<span class="dat2">c_blinks</span><br><br>

                         <div id="c_datafield">
				<span class="dat1">c_datafield</span><br><br>
				<span class="dat3">12 Threads gepostet<br><br>
				Status: Online<br><br></span><br>
			</div><!-- ende c_datafield -->

			<br>12.01.06 12:20
		</div> <!-- ende c_blinks -->

			<div id="c_brechts">
				c_brechts
			</div> <!-- ende c_brechts -->
                         c_boxbody_forum
	</div><!-- ende c_boxbody_forum -->
</div><!-- ende c_boxmiddle -->





</div> <!-- ende c_middle -->
</body>
</html>

Nun kann man schon einen klareren Blick auf das Ganze werfen um daran zu arbeiten.

[edit: was passiert im ie und ff wenn man in c_boxbody_forum mehr Inhalt hat?]


[/edit]
 
Zuletzt bearbeitet:
hi, danke für deine Bemühungen.

doch so komm ich trotzdem nicht weiter. Ich wollte den c_boxbody_forum als hintergrund benutzten. und die 2 container darin sollten als Orientierung und Einteilung für den Inhalt gelten. OKey. Das hat alles den Sinn dass der c_brechts container immer länger wird wenn mehr text darinsteht und der c_blinks bleibt kleiner da immer ein standarttext darin ist, somit ist unter dem c_blinks keine Farbe mehr sichtbar.

Wie könnte ich es anders aufbaun dass alle beiden container immer die selbe länge haben. soll aber doch felxibel sein. weil man ja nicht weiss wieviel text einer user reinschreibt.

es sollt ca. so aussehen wie in diesem forum.
mfg
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben