✔ Problem über Darstellung mit IE

F

Fix&Foxi

Mitglied
Hallo Leute,

ich weiß,dass thema wurde schon oft gepostet...habe aber wenig zeit, da mir der auf der strirn steht.

Bin Mac user, und darher habe ich kein IE für die Browservorschau....nach dem hochladen auf dem server habe ich mir die seite im internetcafe unter IE angeschaut...was soll ich sagen die div´s springen völlig aus denn ruder ,Fronts völlig zu groß

Unter firefox alles ok.

IE 6-7 Front problem ....das soll aber nicht problem sein, habe im link ein h3 eingesetzt.

Größeres Problem ist das verrutschen des div´s in IE 6.


Schaut euch das mal selber an , aber nicht über die index seite gehen da liegt jetzt der pfarrt zur alten seite:

http://www.mallorca-lifestyle.es/index_gb.html

Das Problem ist auch das ich nicht immer ins internetcafe rennen kann um zu sehen ob es stimmt.

was soll ich machen?

Sind das Margin werte oder das Java script?

bin für jede schnelle Hilfe dankbar
 
Fix&Foxi hat gesagt.:
habe für die div´s gar keine fload werte vergeben
Zum Vergrößern anklicken....
Tatsächlich?

Dann schau mal beispielsweise hier:
CSS: 
#Mallorca_Lifestyle_schriftzug_life {
float:right;
height:auto;
margin-right:10px;
margin-top:28px;
width:auto;
}

und vergleich nun den rechten Außenabstand im IE6 und FF miteinander; im IE6 ist er doppelt so groß.

mfg Maik
 
Hier mal der html code:
HTML: 
<body>
<div id="Mallorca_Lifestyle_sprachen_auswahl">
<span id="Mallorca_Lifestyle_sprachen_auswahl"><a href="1E.Tiendas.de.ropa.Mallorca.html" class="linksprachwahl">ESPAÑOL</a></span> 
I 
<span id="Mallorca_Lifestyle_sprachen_auswahl"><a href="1GB.Fashion.Shops.Mallorca.html" class="linksprachwahl">ENGLISH</a></span> 
I 
<span id="Mallorca_Lifestyle_sprachen_auswahl"><a href="1D.Boutiquen.Mallorca.html" class="linksprachwahl">DEUTSCH</a></span>
</div>
  <div id="Mallorca_Lifestyle_container">
  <div id="Mallorca_Lifestyle_logo_life"><a href="/"><img src="http://www.tutorials.de/forum/_images/Mallorca-Lifestyle-LOGO.gif" alt="mallorcalifestyle logo" width="102" height="102" border="0" /></a></div>
  <div id="Mallorca_Lifestyle_schriftzug_life"> <a href="/"><img src="http://www.tutorials.de/forum/_images/Malllorca_Lifestyle-schriftzug.gif" alt="mallorcalifestyle front" width="501" height="77" border="0" /></a></div>
  <div  id="Mallorca_Lifestyle_cont_rubrik"> 
  
    <h1 class="rubrikCenter">Boutiquen Mallorca </h1>
    <br /><br /><br />
    <h3>
    <a href="www.http://chilloutlet.com/welcome.html" target="_blank">- Chill Out Let (Llucmayor)</a><br /><br />
    <a href="http://www.tricias-fashion.com" target="_blank"> - Tricia´s (Palma)</a>
    </h3></div>
  <div id="Mallorca_Lifestyle_navi_rechts_rubrik">
   <a href="http://www.tutorials.de/forum/Autos.Motorraeder.Mallorca/1D.Autos.Motorraeder.Mallorca.html" class="weiss"><span id="Autos">Autos &amp; Motorräde</span></a><br />
    <a href="http://www.tutorials.de/forum/Boutiquen.Mallorca/1D.Boutiquen.Mallorca.html" class="weiss"><span id="Boutiquen">Boutiquen</span></a><br />
    <a href="http://www.tutorials.de/forum/Catering.Mallorca/1D.Catering.Mallorca.html" class="weiss">Catering</a><br />
    <a href="http://www.tutorials.de/forum/Dekorationen.Deko.Mallorca/1D.Dekorationen.Deko.Mallorca.html" class="weiss"><span id="Dekorationen">Dekorationen</span></a><br />
    <a href="http://www.tutorials.de/forum/Floristen.Mallorca/1D.Floristen.Mallorca.html" class="weiss"><span id="Floristen">Floristen</span></a><br />
    <a href="http://www.tutorials.de/forum/Friseure.Mallorca/1D.Friseure.Mallorca.html" class="weiss"><span id="Friseure">Friseure</span></a><br />
    <a href="http://www.tutorials.de/forum/Galerien.Kunst.Mallorca/1D.Galerien.Kunst.Mallorca.html" class="weiss">Galerien / Kunst</a><br />
    <a href="http://www.tutorials.de/forum/Gourmet.Mallorca/1D.Gourmet.Feinkost.Mallorca.html" class="weiss">Gourmet</a><br />
    <a href="http://www.tutorials.de/forum/Hotels.Mallorca/1D.Hotels.Mallorca.html" class="weiss"><span id="Hotels">Hotels</span></a><br />
    <a href="http://www.tutorials.de/forum/Immobilien.Mallorca/1D.Immobilien.Mallorca.html" class="weiss"><span id="Immobilien">Immobilien</span></a><br />
    <a href="http://www.tutorials.de/forum/Juweliere.Mallorca/1D.Juweliere.Mallorca.html" class="weiss">Juweliere</a><br />
    <a href="http://www.tutorials.de/forum/Lounges.Mallorca/1D.Lounges.Loung.Mallorca.html" class="weiss"><span id="Lounges">Lounges</span></a><br />
    <a href="http://www.tutorials.de/forum/Moebel.Mallorca/1D.Moebel.Mallorca.html" class="weiss"><span id="Moebel">Möbel</span></a><br />
    <a href="http://www.tutorials.de/forum/Nightlife.Clubs.Bares.Mallorca/1D.Nightlife.Clubs.Bars.Mallorca.html" class="weiss">Nightlife</a><br />
    <a href="http://www.tutorials.de/forum/Restaurants.Mallorca/1D.Restaurants.Mallorca.html" class="weiss"><span id="Restaurants"> Restaurants</span></a><br />
    <a href="http://www.tutorials.de/forum/Sport.Mallorca/1D.Sport.Sportcenter.Mallorca.html" class="weiss">Sport</a><br />
    <a href="http://www.tutorials.de/forum/Weinkellereien.Mallorca/1D.Weinkellereien.Mallorca.html" class="weiss"><span id="Weinkellerei">Weinkellereien</span></a><br />
    <a href="http://www.tutorials.de/forum/Wellness.Spa.Mallorca/1D.Wellness.Spa.Mallorca.html" class="weiss"><span id="Wellness-Spa">Wellness-Spa</span></a><br />
    <a href="http://www.tutorials.de/forum/Yachting.Mallorca/1D.Yachting.Mallorca.html" class="weiss"><span id="Yachting">Yachting</span></a><br />
    <a href="http://www.tutorials.de/forum/und.andere/1D.andere.Mallorca.html" class="weiss">und andere ... </a><br />
    <br />
    <br />
    <br /> 
    <br />
    <a href="http://www.tutorials.de/forum/_Information/Information.d.html" class="weiss">Information</a><a href="info_producto_d.html" class="weiss"></a><br />
    <a href="http://www.tutorials.de/forum/_Mail.Formular/mail.formular.d.html" class="weiss">Kontakt</a><br />
    <a href="http://www.tutorials.de/forum/_Impressum/Impressum.html" class="weiss"><span id="impressum">Impressum</span></a></div>
    </div>
</div>
</div>
<div id="Mallorca_Lifestyle_container_unten_copyright">
  Text / Grafik / Illustration © by mapadeas s.l. 
</div>
</body>




Hier der CSS code:
CSS: 
#Mallorca_Lifestyle_cont_rubrik {
	float: right;
	width: 415px;
	height: 452px;
	margin-top: 17px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #435052;
	padding-right: 10px;
	text-align: left;
	padding-left: 30px;
	letter-spacing: 1px;
	padding-top: 0px;
	border: 2px solid #EE7F01;
	overflow: auto;

#Mallorca_Lifestyle_navi_rechts_rubrik {
	height: 450px;
	width: 150px;
	background-color: #AFAD7C;
	margin-left: 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 16px;
	letter-spacing: 1px;
	text-align: left;
	padding-left: 10px;
	margin-top: 10px;
	padding-top: 5px;
 
Zuletzt bearbeitet von einem Moderator:
Und was ist das hier?
Code: 
#Mallorca_Lifestyle_cont_rubrik {
float: right;
width: 415px;
height: 452px;
margin-top: 17px;
margin-right: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #435052;
padding-right: 10px;
text-align: left;
padding-left: 30px;
letter-spacing: 1px;
padding-top: 0px;
border: 2px solid #EE7F01;
overflow: auto;
}


mfg Maik
 
Der Bug-Name sagt doch, was da doppelt ist, und mein eingangs empfohlener Link beantwortet die Frage ebenso.

Code: 
#Mallorca_Lifestyle_cont_rubrik {
float: right;
width: 415px;
height: 452px;
margin-top: 17px;
margin-right: 10px; /* wird vom IE6 mit 20px dargestellt */
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #435052;
padding-right: 10px;
text-align: left;
padding-left: 30px;
letter-spacing: 1px;
padding-top: 0px;
border: 2px solid #EE7F01;
overflow: auto;
}


mfg Maik
 
wuste ich nicht das die margin werte im IE6 doppelt so groß dargestellt werden :-0

Dann ist mir das klar.

Währe zu überlegen ob ich eine eigene css für IA6 abwärts anlege.

Blos das Probleme , ich weiß nicht welchen Befehl ich in denn kopf der html schreibe muss, damit nur IA6 darauf zugreift?

Weißt du da was passendes?
 
Sag mal, bist du meinem empfohlenen Link nicht gefolgt, der die Lösung aufzeigt?

Code: 
#Mallorca_Lifestyle_cont_rubrik {
float: right;
width: 415px;
height: 452px;
margin-top: 17px;
margin-right: 10px; 
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #435052;
padding-right: 10px;
text-align: left;
padding-left: 30px;
letter-spacing: 1px;
padding-top: 0px;
border: 2px solid #EE7F01;
overflow: auto;
display:inline;
}

Und das machst du nun bei jedem betroffenen <div>-Block, der eine float- und margin-left/-right-Angabe besitzt.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück