Supi, da fällt mir aber gerade noch eine Lösung für Problem 1 ein, mal kurz testen
Landscape - Weitere Darstellungsprobleme
-
-
Das hier ersetzt die Grafik durch eine CSS-Lösung (die aber im IE nicht so gut aussieht), eine andere Lösung kann ich nicht anbieten:
CSS.mainHeadline { background: url("../images/landscape/headingBg.png") no-repeat scroll center top transparent; height: 58px; margin: 14px 0 18px; }
durch:
CSS
Alles anzeigen.mainHeadline { background: rgb(201,200,200); /* Old browsers */ background: -moz-linear-gradient(top, rgba(201,200,200,1) 0%, rgba(197,196,196,1) 46%, rgba(187,185,185,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,200,200,1)), color-stop(46%,rgba(197,196,196,1)), color-stop(100%,rgba(187,185,185,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(201,200,200,1) 0%,rgba(197,196,196,1) 46%,rgba(187,185,185,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(201,200,200,1) 0%,rgba(197,196,196,1) 46%,rgba(187,185,185,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(201,200,200,1) 0%,rgba(197,196,196,1) 46%,rgba(187,185,185,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(201,200,200,1) 0%,rgba(197,196,196,1) 46%,rgba(187,185,185,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c8c8', endColorstr='#bbb9b9',GradientType=0 ); /* IE6-9 */ -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 2px rgba(255, 255, 255, 1) inset, 0 1px 2px rgba(255, 255, 255, 1) inset; margin: 14px 0 18px; padding-bottom: 1px; }
ersetzen.
Grafik alt:
Bildschirmfoto 2011-11-23 um 00.56.27.pngCSS neu:
-
Damit bin ich sehr zufrieden, besten Dank!
-
Da ist das margin doppelt drin sehe ich gerade:
margin: 14px 0 18px;
Ein mal bitte entfernen, welches ist egal.
-
-
Das mit der 0 am Ende.