Hallo Community,
ich habe bereits die Titel leiste fertig mit Grafik usw.... aber nun wollte ich die iFrame Box einbinden, aber nun gibt es folgendes problem... undzwar, hab ich nun einen Rollbalken von der iframe box, wie kann ich machen damit es diesen Rollbalken nicht gibt, sondern nur den Allgemeinen rollbalken welchen alle Webseiten haben? Ich möchte das die iframe Seite nicht einzeln gescrollt wird, sondern die komplette seite soweit runter geht, wie das iframe geht... ich hoffe da kann mir einer helfen...
Code:
HTML
<!DOCTYPE HTML PUBLIC>
<html>
<link rel="stylesheet" href="css/format.css" type="text/css">
<head>
<title>Bau und Gartenservice Wiedemann</title>
</head>
<style>
*{padding:0;margin:0;}
.fullscreen {
width:100%;
height:500px;
z-index:0;
}
.naviga
{
position:absolute; top:150px;left:350px;
width: 60%;
height: 15%;
z-index:1;
}
.header
{
position:absolute; top:165px;left:370px;
z-index:2;
}
</style>
<body height="auto">
<div class="titel">
<img class="fullscreen" src="bilder/HEADER.png" alt="bild">
<img class="naviga" src="bilder/navi.png" alt="navi">
<img class="header" src="bilder/logo.png" alt="logo">
</div>
<div class="iframe">
<iframe class= "iframe1" src="seite.html" name="rechts"> </iframe>
</div>
</body>
</html>Code
body { background-color:white;
font-family:"Segoe UI";
font-size:12pt;
}
h1, h2, h3 { font-family:"Segoe UI";
font-weight:"normal";
color:#000080;
margin-top: 0px;
margin-bottom: 30px;
}
h1 { color:#0D0604;
font-size: 18pt;
text-align:center;
}
h2 {
font-size: 18pt;
color:#F8E3E3 ;
text-align:center;
}
h3 {
text-align:center;
color:#F8E3E3 ;
}
.mittig{
text-align:center;
}
.gross{
font-size:120%;
}
.kleiner{
font-size:80%;
}
img{
border:none;
}
.titel { width: auto;
height: 500px;
padding: 0;
margin: 0;
}
.iframe1 { text-align: left;
width: 100%;
height: auto;
padding: 0;
border: 0;
margin: 0;
overflow:hidden;
}
a:link{color:black;}
a:visited{color:black}
a:active{color:black}Hoffe mir kann da einer weiterhelfen...
MfG
Moritz
