hi ihr
ich will die buttons gleich lang haben und untereinander... dazu sollte das i-frame 80% der Seite betragen.. also von jedem brower und jedem display gleich angezeigt werden...
grüßle dominique
ich will die buttons gleich lang haben und untereinander... dazu sollte das i-frame 80% der Seite betragen.. also von jedem brower und jedem display gleich angezeigt werden...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-AU"> <meta http-equiv="content-type" content="application/xhtml; charset=UTF-8" /> <head> <style type="text/css"> html {height:100%;} a { color: #000000;} body { color: black; background-color: #037EC4; font-size: 100.01%; font-family: Helvetica,Arial,sans-serif; margin: 0px; padding: 0px; text-align: center; } div#Seite { text-align: left; margin-top: 0px; width: 100%; background: #037EC4; border: 0px; } div#Banner { background-color: #037EC4; margin: 0px ; scrolling: no; } div#Leiste { background-color: #FFFFFF; margin-top: 10px; margin-bottom: 10px; } a.button { font-family: Arial Narrow; font-size:15px; font-color: #000000; margin-top: 2%; margin-bottom: 2%; background-Color: #FFFFFF; border-left: 2px solid #000000; border-top: 2px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; text-decoration: none; width: 100px; text-align: left; } a.button:hover { Color: #000000; background-Color: #037EC4; border-left: 2px solid #000000; border-top: 2px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; text-decoration: bold; } div#Navigation { margin-top: 20px; margin-right: 10px; marign-bottom: 10px; margin-left: 20px; background-color: #037EC4; float: left; width: 15%; display: inline; } div#Hauptseite { background-color: #FFFFFF; margin-top: 20px; margin-bottom: 20px; float: right; min-height: 100%; } </style> </head> <body> <div id="Seite"> <div id="Banner"> <img src="logo.jpg" name="Banner"> <div id="Leiste"> <br> <div id="Navigation"> <br><a href="Home.html" target="InFrame" class="button">Home</a> <br><a href="Home.html" target="InFrame" class="button">Private Absicherung</a> <br><a href="Home.html" target="InFrame" class="button">Unsere Partner</a> <br><a href="Home.html" target="InFrame" class="button">Kontakt</a> <br><a href="Home.html" target="InFrame" class="button">Angaben gem. EU-Richtlinien</a> <br><a href="Home.html" target="InFrame" class="button">Impressum</a> </div> <div id="Hauptseite"> <iframe name="InFrame" width="100%" height="385px" frameborder="0" scrolling="auto" src="Home.html"> </iframe> </div> </div> </div> </div> </body> </html>
Kommentar