PROBLEM mit Float in Firefox

[bigEYE]

Hallo ihr Wissenden

Ich habe folgendes Problem: Ich möchte, dass der Inhalt von p {} rechtsbündig am rechten Rand des DIV-Containers dargestellt wird. Wenn ich in die CSS-Datei folgendes schreibe:

	p {
		text-align:right;
		float:right;
	}

dann befindet sich p {} im IE und Opera an der gewünschten Stelle; nur in FF wird er linksbündig am linken Rand dargestellt.

Dem kann ich entgegenwirken in dem ich in der HTML-Datei das fett markierte hinzufüge:

<p [B]style="float:right"[/B]>

Dann funktioniert es in allen Browsern, doch dann muss ich das in jede HTML-Datei schreiben und das ist nicht der Sinn von CSS.

Wie richte ich das also am geschicktesten aus? Kann mir jemand helfen? VIELEN DANK!

Gruß
bigEYE

 

[cebito]

AW: PROBLEM mit Float in Firefox

Womöglich überschreibst du das ganze irgendwo in deiner css, genaueres kann man nur sagen, wenn du den Rest der css auch postest.

 

[bigEYE]

AW: PROBLEM mit Float in Firefox

Gerne. Wenn du die das antun willst.

@charset "utf-8";
/* CSS Document */

body {
	background-color:white;
	width:1200px;
	border:none; margin:0px; padding:0px;
}

#container {
	border:none; padding:0px; margin:50px 0px;
	width:1200px;	
}

#header, #navi, #footer p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#header {
	text-align:right;
	border:none; padding:0px; margin:0px;
	line-height:2px
}

#navi {
	background: url(bilder/NAVI-BOGEN.gif) top left no-repeat;
	height:500px; width:100px;
	float:left;
	text-align:left;
	padding:25px; margin:0px; border: none;
}

	#navigation {
		list-style-type: none;
		line-height: 45px;
	}
	
	#submenue {
		list-style-type: square; list-style-image:none;
		font-size: 14px; line-height:22px	
	}

#content {
	background: no-repeat 5px 50px ;
	padding:0px 20px; border: thin solid  #FC0; margin-left:200px;
	width:960px; height:500px;
	font-size:16px;
	line-height:22px;
}

	p {
		text-align:right;
		float:right;	
	}

#footer {
	clear: left;
	text-align:right;
	padding:0px; margin:0px; border:none;
	line-height:2px;
}

a:link, a:visited {
	text-decoration:none;
	color: #000;
	background-color: #FFF;
}

a:hover, a:focus {
	background-color:#FFF;
	font-weight:bold;
	outline:none;
}

a:active {
	color:#FFCC00;
	background-color:#FFF;
	outline:none;
}

ALOHA
bigEYE

 

[Doitsu]

AW: PROBLEM mit Float in Firefox

Setze mal noch ein margin: 0; in deiner CSS-Datei fuer p.

/Edit:
Ansonsten mal Breite vom uebergeordneten Div kontrollieren.

 

[zome]

AW: PROBLEM mit Float in Firefox

Jup, bitte einmal Quellcode und CSS bitte

 

[ZackBag]

AW: PROBLEM mit Float in Firefox

Du hast dein float:left aus der navi nirgendwo mit clear:both; geschlossen.
Könnte daran liegen.

 

[pluspiano]

AW: PROBLEM mit Float in Firefox

Der HTML-Quellcode wäre manchem Wissenden hilfreich. Probiers mal so:

Im HTLM auskommentieren bzw. löschen:
<p style="float:right">
Im CSS #footer { clear: left;... in #footer { clear: both;... ändern.
Teile uns das Ergebnis mit.

 

[bigEYE]

AW: PROBLEM mit Float in Firefox

Tja Leute, ich weiß nicht, was ich da nun gemacht habe, aber es funktioniert jetzt. Könnt ihr ja selber mal ausprobieren: KlHoTiKö
Ist natürlich noch nicht alles verlinkt und nur Beispieltexte/bilder.

Schönen dank für die Hilfe.
bigEYE

 

[AlphaShock]

AW: PROBLEM mit Float in Firefox

Du machst mit <br /><br /> einen Absatz und Vergewaltigst das gute <p> als Blockelement uiuiui da hättest auch nen div nehmen. Aber scheint ja zu funktionieren xD

 

[hubspe]

AW: PROBLEM mit Float in Firefox

Dem kann ich entgegenwirken in dem ich in der HTML-Datei das fett markierte hinzufüge:

<p [B]style="float:right"[/B]>

Dann funktioniert es in allen Browsern, doch dann muss ich das in jede HTML-Datei schreiben und das ist nicht der Sinn von CSS.

Das hat bei dir nicht geklappt weil die Spezifität der Anweisung nicht ausgereicht hat.
Spezifität ist Grundlagenwissen, was man unbedingt draufhaben sollte, wenn man Websites baut.