Tweet
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