Linkblock nachrutschen

  • Hallo :)


    Folgenden Linkblock habe ich auf meiner Seite:


    Code
    1. <a href="clearapp://">ToDo</a>[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica]<a href="launchtimer://quick">Time</a>[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica]<a href="ihandyflashlightledpro://" class="iphone4">Blitz</a>[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica]<a href="brightness://" class="iphone4">Helligkeit</a>[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica]<a href="mirror://" >Spiegel</a>[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica]<a href="/start/music.html">Musik</a>[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica]<a href="/start/cam.html">Kamera</a>[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica]<a href="/start/info.html">Infos</a>[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica]

    [/FONT][/COLOR]


    Die beiden Links die mit class="iphone4" bezeichnet sind, sollen bei iPhone 4/S 3G/S und 2G rausfallen, allerdings auf dem iPhone 5 angezeigt werden.
    Soweit habe ich es schon geschafft:




    Code
    1. @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) { [/FONT][/COLOR][COLOR=#000000][FONT=Helvetica] [/FONT][/COLOR][COLOR=#000000][FONT=Helvetica] a.iphone4 {[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica] display:none;[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica] }[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica] [/FONT][/COLOR][COLOR=#000000][FONT=Helvetica]}[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica] [/FONT][/COLOR][COLOR=#000000][FONT=Helvetica][/FONT][/COLOR][COLOR=#000000][FONT=Helvetica][/FONT][/COLOR][COLOR=#000000][FONT=Helvetica][/FONT][/COLOR][COLOR=#000000][FONT=Helvetica][/FONT][/COLOR][COLOR=#000000][FONT=Helvetica]@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica] [/FONT][/COLOR][COLOR=#000000][FONT=Helvetica] a.iphone4 {[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica] visibility:visible;[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica] }[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica][/FONT][/COLOR][COLOR=#000000][FONT=Helvetica][/FONT][/COLOR][COLOR=#000000][FONT=Helvetica]}[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica]

    [/FONT][/COLOR]


    Das Problem ist jetzt, dass die Links nicht einfach nachrutschen, sondern eine weiße Stelle bleibt:




    [Blockierte Grafik: http://f.cl.ly/items/1B3v1s34003w1J0P0a3A/Photo%20211.png][Blockierte Grafik: http://f.cl.ly/items/3q3P39172f003J210A05/IMG_0005.PNG]




    Wie verändere ich das jetzt, dass die Links nachrutschen?




    Danke schonmal! :)