in Div 2 Texte neben einander aber Abstand zu groß

markus

Intermediate

Posts: 52

Thursday, January 17th 2008, 7:03pm

in Div 2 Texte neben einander aber Abstand zu groß

Hallo,
ich wusste leider keine bessere Beschreibung dafür.

Ich möchte wie auf dem Bild zu sehen ist

Firefox

das das im IE6 und IE7 auch gleich aussieht

IE6

IE7

ich weis aber nicht wie :/

Der Abstand zu den unteren Text "Textlinks" und "TextRechts" ist mir zu viel.

könnte mir bitte das jemand zeigen ????

HTML Code

<div class="polaroid">' . tep_image(DIR_WS_IMAGES . $featured_products['products_image'], $featured_products['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '
<p>Titel</p>
<p class="links">Textlinks</p>
<p class="rechts">TextRechts</p>
</div>

Cascading Style Sheets

div.polaroid {
	float:left;
	background-color:#f5f5f2;
	margin-left:10px;
	margin-bottom:10px;
	padding:10px;
	border:1px solid #cac9c4;
	font-size:11px;
	/*
	text-align:center;
	*/
	}
 
div.polaroid img {
	display:block;
	margin-bottom:10px;
	border:1px solid #cac9c4;
	}
 
p.links {
	float:left;
	font-size:11px;
	}
p.rechts {
	float:right;
	font-size:11px;
	}

Torben Brodt

Administrator

Posts: 8,454

Thursday, January 17th 2008, 8:58pm

Kannst du mal Versuchskaninchen spielen?
Binde mal die JavaScript aus diesem Thread ein: Alte IE Versionen per JavaScript IE7 kompatibel machen

Aber die Unterschiede zwischen padding und margin sind nicht bei den Features gelistet, ich denke da kommst du um eine Browserweiche nicht herum.