Respekt, tolle Idee...gefällt mir. Werde das mal übernehmen beim meinem nächsten Projekt... http://elektro-hentzschel.de/leistungen.html
Setz mal diesen Bereich auf overflow:hidden, dann wird das auch im FF vollständig angezeigt. Weil sich sonst der Inhalt darunter an der Höhe/Breite (float:left) vom Breadcrumb links ausrichtet.
Code:
#header_bottom{overflow:hidden;}
Alternativ
Code:
#header,
#container,
#footer
{
clear:both;
}
Slimbox und Mediabox, beide unterscheiden sich nur in der Art der Funktion. Slimbox ist für Bilder und Mediabox kann noch zusätzlich Filme, Seiten usw. Werf die Slimbox raus, also deaktiviere sie mal.
Ich hatte mal das Problem auch mal im IE. Mach mal für jedes Mootool-feature einen eigen Domready
Code:
<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready',function(){
});
//--><!]]>
</script>
<Und nehme die Lösung vom David Walsh, der splittet den Käse im title="Überschrift::Text". So kannst du so etwas direkt im Editor pflegen. Den der Doppelpunkt teilt den Inhalt zu den Breireichen.
HTML-Code:
<a href="#" class="tipz" title="Awesome, right?::This custom tooltip will help branding immensely!">My Tooltip Link</a>
Code:
window.addEvent('domready', function() {
//store titles and text
$$('a.tipz').each(function(element,index) {
var content = element.get('title').split('::');
element.store('tip:title', content[0]);
element.store('tip:text', content[1]);
});
//create the tooltips
var tipz = new Tips('.tipz',{
className: 'tipz',
fixed: true,
hideDelay: 50,
showDelay: 50
});
});
Code:
.tip { width:295px; font-family:tahoma,arial; background:url(tip-text.png) left top repeat-y; }
.tip-top { background:url(tip-top.png) top left no-repeat; height:26px; width:295px; }
.tip-title { color:#e95e25; font-weight:bold; margin:0 30px 0 50px; }
.tip-text { color:#000; padding:10px 30px 20px 50px; }
.tip-bottom { background:url(tip-bottom.png) left bottom no-repeat; width:295px; height:81px; }
Zitieren
Problem mit IE
Problem Gelöst ;-)
Zitat von Harry
Lesezeichen