✔ Zeilenhöhe, line-height , wird im IE6 nicht dargestellt

[Maik]

Versuch es nochmal mit meinem Vorschlag, aber diesmal so:

#Mallorca_Lifestyle_cont_rubrik-Restaurantes {
	float: right;
	width: 415px;
	height: 452px;
	margin-top: 17px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #435052;
	padding-right: 10px;
	text-align: left;
	padding-left: 30px;
	letter-spacing: 1px;
	padding-top: 0px;
	border: 2px solid #EE7F01;
	background-image: url(../_images/Rubrik/Mallorca.Lifestyle.Restaurante.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	display: inline;
	overflow: auto;
	/*line-height: 20px;*/ /* auskommentiert = deaktiviert */
}

mfg Maik

 

[Fix&Foxi]

wenn ich line-height deaktiviere tut sich leider nix im FF

was mir aber noch auffällt , bei IE ist der letzte Restaurant Name abgeschnitten ( schon vor dem div ende) ohne das overflow: Auto; aktiviert wird...das ist natürlich bockmist für denn kunden.
Sollte ich da pedding-bottem auf 0 oder 10 px setzten?

http://www.mallorca-lifestyle.es/tes....Mallorca.html

 

[Maik]

Mit meinen Vorschlägen stimmen bei mir lokal die vertikalen Abstände zwischen den Links browserübergreifend überein. Und im IE6 wird da auch nichts abgeschnitten.

mfg Maik

P.S. Dein Link ist verstümmelt und führt daher auf eine 404-Fehlerseite.

 

[Fix&Foxi]

bei dem Link: http://www.mallorca-lifestyle.es/tes....Mallorca.html ?

Auch im FF zwischen der h1 und h3?

Du musst wissen IE schaue ich mir auf meine MAC über das zusatz Programm VMmare fusion über xp IE 6 an / evtl gibt es da unterschiede)

Wenn das jetzt aber bei ok aussieht , dann mache ich das in denn anderen rubriken auch so

 

[Maik]

bei dem Link: http://www.mallorca-lifestyle.es/tes....Mallorca.html ?

Klick doch einfach drauf :suspekt:

Auch im FF zwischen der h1 und h3?

Setz mal zu Beginn des Stylesheets diese Regel ein:

* {
margin:0;
padding:0;
}

... und definiere ggfs. dort einen Außen- und/oder Innenabstand, wo er tatsächlich erwünscht ist.

mfg Maik

 

[Fix&Foxi]

der css code mit denn * ist super, hab schon mal so etwas gesucht.

Sorry, für denn Link, hier der aktuelle http://www.mallorca-lifestyle.es/test.1D.Restaurants.Mallorca.html

bei mir ist nur noch der Unterschied, dass bei FF zwischen der h1 und der auflistung der Restaurants in h3 ein größerer zeilenabstand als bei IE und Safari zu sehen ist.

 

[Maik]

Jo, weil du meinen Vorschlag mal wieder nicht korrekt übernommen hast

Wer lesen kann, ist klar im Vorteil!

mfg Maik

 

[Fix&Foxi]

wobei im FF vom MAC sieht alles ok aus

ich prüfe das noch mal bei FF im XP

 

[Maik]

MAC hab ich nischt

mfg Maik

 

[Fix&Foxi]

der abstand ist nur im FF in der Windose zusehen.

Was soll ich denn von deinen Anweisungen übersehn haben?

im kopf der css:

* {
	padding:0;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

die CSS für die Rubrik:

#Mallorca_Lifestyle_cont_rubrik-Restaurantes-test {
	float: right;
	width: 415px;
	height: 432px;
	margin-top: 17px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #435052;
	padding-right: 10px;
	text-align: left;
	letter-spacing: 1px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 2px solid #EE7F01;
	background-image: url(../_images/Rubrik/Mallorca.Lifestyle.Restaurante.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	display: inline;
	overflow: auto;
		/*line-height: 20px;*/
}

die css für denn zeilenabstand:

#Mallorca_Lifestyle_cont_rubrik-Restaurantes-test a, #Mallorca_Lifestyle_cont_rubrik-Restaurantes-test span{
	display:block;
	line-height:0px;
	margin-top: 35px; /* Außenabstand nach oben - Wert ist von mir frei gewählt */
}

die html, mit allen entfernten <br/>:

  <div  id="Mallorca_Lifestyle_cont_rubrik-Restaurantes-test"> 
  
    <h1  class="rubrikCenter">Restaurants Mallorca </h1>
    
    <h3>
<a href="http://www.laconcha.tv" target="_blank">- La Concha  (Puerto Portals)</a>
<a href="#"  onclick="MM_openBrWindow('_Kunde.PopUp/Ms.The.Cooking.Company.Paguera.Restaurante.Mallorca.www.cooking-company.es.html','','scrollbars=yes,resizable=yes,width=1030,height=700')"> - M´s Restaurant &amp; Catering (Paguera) </a>
<a href="#"  onclick="MM_openBrWindow('_Kunde.PopUp/Mirador.de Cabrera.Klausmann.Es.Pas.de.Vallgornerai. Restaurante.Mallorca.www.klausmann-cooking.es.html','','scrollbars=yes,resizable=yes,width=1030,height=700')"> - Mirador de Cabrera (Es Pas de Vallgornera) </a>
<a href="http://www.moli34.es/" target="_blank">- Moli 34 (Campos)</a>
<a href="#"  onclick="MM_openBrWindow('_Kunde.PopUp/Pura.Vida.Cala.Figuera.Restaurante.Mallorca.www.pura-vida-mallorca.com.html','','scrollbars=yes,resizable=yes,width=1030,height=700')"> - Pura Vida (Cala Figuera)</a>
<a href="#"  onclick="MM_openBrWindow('_Kunde.PopUp/Sa.Llotja.Porto Colom.Restaurantes.Mallorca.www.restaurantsallotjaportocolom.com.html','','scrollbars=yes,resizable=yes,width=1030,height=700')"> - Sa Llotja (Porto Colom) </a>
<span>- Sa Vinya Restaurante (Deiá)</span>
<a href="http://www.seapalma.com/" target="_blank">- sea restaurant (Palma)</a>
<a href="#"  onclick="MM_openBrWindow('_Kunde.PopUp/Simply.Fosh.Palma.Restaurante.Mallorca.www.simplyfosh.com.html','','scrollbars=yes,resizable=yes,width=1030,height=700')"> - Simply Fosh (Palma) </a>
<a href="#"  onclick="MM_openBrWindow('_Kunde.PopUp/Sol.y.Vida.Restaurante.Cala.Murada.Mallorca.www.restaurante-solyvida.com.html','','scrollbars=yes,resizable=yes,width=1030,height=700')"> - Sol y Vida (Cala Murada) </a>
<a href="http://www.varadero-portopetro.com/" target="_blank">- Varadero (Porto Petro)</a>
</h3>
</div>