|
||||
Webslice Button nicht erreichbar
Guten Abend liebes Forum,
ich experimentiere gerade mit den neuen Webslices des IE8. Ich möchte den grünen Bereich (News) in diese Webslice packen. webslices.jpg Wenn man mit der Maus über den Bereich geht funktioniert es soweit nicht schlecht. Der "Button" wird erzeugt nur leider über dem Header. Wenn der Nutzer nun auf den Button klicken will verlässt er den grünen Bereich und der Slice-Button verschwindet. Hat jemand eine Idee wir ich das verhindern kann? HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type="text/css"> <!-- html, body { margin:0; padding:0; width:100%; height:100%; color:#000000; font-size:0.85em; font-family:Arial, Helvetica, sans-serif; text-align:left } #global { margin-left:auto; margin-right:auto; width:75%; background-color:#FF3 } #header { float:left; width:100%; height:75px; background-color:#309 } #navigation { float:left; width:100%; height:25px; line-height:normal; background-color:#900 } #navigation ul { margin:0; padding:0; list-style:none } #navigation li { float:left; background-color:#036; margin-right:5px; height:25px; padding:0; width:75px; display:block; text-align:center } #navigation li:hover { background-color:#999 } #navigation a { display:block; height:21px; width:75px; padding-top:4px; text-decoration:none } #navigation a:hover { text-decoration:underline } #content { background-color:#069; float:left; margin-top:2px; max-height:600px; min-height:60px; width:75%; overflow:visible } #middle_spacer { width:1%; float:left } #footer { background-color:#96C; height:25px; width:100%; margin-top:2px; float:left } #links { background-color:#0C0; float:left; margin-top:2px; width:24% } #service { position:absolute; top:75px; left:75px; height:350px; width:350px; background-color:#960 } --> </style> </head> <body> <div id="global"> <div id="header">header</div> <div id="navigation"> <ul style="display:inline-block;"> <li><a href="#">link 1</a></li> <li><a href="#">link 2</a></li> <li><a href="#">link 3</a></li> </ul> </div> <div class="hslice" id="kea_slice"> <div id="links"> <h3 class="entry-title">News</h3> <span class="entry-content">Item</span> </div> </div> <div id="middle_spacer"> </div> <div id="content"><? echo $_SERVER['HTTP_USER_AGENT']; ?></div> <div id="footer">footer</div> </div> </body> </html> |
Sponsored Links |
Stichwörter |
internet explorer 8, webslice |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Unsichtbares Fenster über einem Button. | NewUser | (X)HTML | 16 | 09.04.2011 18:21 |
aus Link einen Button machen mit CSS? | papgia01 | CSS | 2 | 24.10.2010 00:39 |
Einen grafischen Button in CSS nachbauen | mgutt | CSS | 20 | 26.07.2007 17:03 |
FF Problem: button mit image | darolla | CSS | 6 | 02.04.2007 09:49 |
Button - Rahmen | dieter99 | CSS | 1 | 06.12.2006 11:13 |