GELÖST Website verschiebt sich nach unten

Diskutiere Website verschiebt sich nach unten im Internet Forum Forum im Bereich Software Forum; Hallo Leute, Ich habe ein kleines Problemchen. Und zwar soll ich eine HTML Seite für den Informatikunterricht gestalten. Jeder muss eine gestalten...
  • Website verschiebt sich nach unten Beitrag #1
Nikkel

Nikkel

KDL Riecken GbR
Threadstarter
Dabei seit
16.11.2007
Beiträge
768
Alter
28
Ort
Osnabrück
Hallo Leute,
Ich habe ein kleines Problemchen. Und zwar soll ich eine HTML Seite für den Informatikunterricht gestalten. Jeder muss eine gestalten und das wird benotet. Aber seltsamerweise verschiebt sich meine Website also genauergesagt der Header ( Linke Teil einer zweispaltigen Tabelle ) nach unten. Warum? Hier mal der Quellcode und die CSS Datei:
<html>
<head>
<title>
Willkommen
</title>
<link rel="stylesheet" type="text/css" href="css/mainstyle.css">
<script type="text/javascript">
function heightpass() {
h = iframe.document.body.scrollHeight;
w = iframe.document.body.scrollWidth;
document.getElementById("iframe").style.height = h;
document.getElementById("iframe").style.width = w;
};
</script>
</head>
<body>
<div id="hintergrund"><img src="img/main/backs/back.jpg" name="background" id="background" width="100%" height="100%" alt=""></div>
<div id="inhalt">
<div id="glassding">
<table border="0" width="100%">
<colgroup>
<col width="*">
<col width="280px">
</colgroup>
<tr>
<td>
<div id="head">
</div>
<div id="menu">
<div id="menutext">
<p>
Menü
<hr>
<a href="data/main.html" target="iframe">Startseite</a><br>
<a href="data/me.html" target="iframe">Über mich</a><br>
<a href="data/project.html" target="iframe">Meine Projekte</a><br>
<a href="data/impressum.html" target="iframe">Impressum</a><br>
<a href="data/credits.html" target="iframe">Credits</a><br>
</p>
</div>
</div>
<div id="inhalthaupt">
<iframe id="iframe"
name="iframe"
height=""
src="data/main.html"
width="100%"
border="0"
scrolling="no"
frameborder="0">
Fehler! Die gewünschten Informationen können nicht angezeigt werden </iframe>
</div>
</td>
<td>
<div id="wallpaper">
<div id="tableset">
<table border="0">
<tr>
<td>
<a onclick="self.document.background.src='img/main/backs/1.jpg'" href="#"><img src="img/main/backs/1pre.jpg"></a>
</td>
<td>
<a onclick="self.document.background.src='img/main/backs/2.jpg'" href="#"><img src="img/main/backs/2pre.jpg"></a>
</td>
<td>
<a onclick="self.document.background.src='img/main/backs/3.jpg'" href="#"><img src="img/main/backs/3pre.jpg"></a>
</td>
<td>
<a onclick="self.document.background.src='img/main/backs/4.jpg'" href="#"><img src="img/main/backs/4pre.jpg"></a>
</td>
</tr>
<tr>
<td>
<a onclick="self.document.background.src='img/main/backs/5.jpg'" href="#"><img src="img/main/backs/5pre.jpg"></a>
</td>
<td>
<a onclick="self.document.background.src='img/main/backs/6.jpg'" href="#"><img src="img/main/backs/6pre.jpg"></a>
</td>
<td>
<a onclick="self.document.background.src='img/main/backs/back.jpg'" href="#"><img src="img/main/backs/backpre.jpg"></a>
</td>
</tr>
</table>
</div>
</div>
<div id="websites">
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
CSS Datei
html {
height:100%;
}

body {
font-family:Calibri, Arial;
height:100%;
margin:0;
padding:0;
}

#hintergrund {
z-index:0;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
height:100%;
width:100%;
}

#inhalt {
margin-top:1em;
margin-left:1em;
margin-right:1em;
margin-bottom:1em;
z-index:1;
position:relative;
}


#head {
height:160px;
text-align:center;
background-image:url(../img/main/head.png);
background-repeat:no-repeat;
}

#menu {
margin-top:-10px;
margin-left:10px;
float:left;
width:240px;
height:280px;
background-image:url(../img/main/menü.png);
background-repeat:no-repeat;
}

#menutext {
margin-left:20px;
margin-right:40px;
}

#menu a:link {
color:black;
text-decoration:none;
}

#menu a:hover {
text-decoration:none;
color:black;
font-weight:bold;
}

#menu a:active {
text-decoration:none;
color:black;
font-weight:bold;
}

#menu a:visited {
color:black;
text-decoration:none;
}

#inhalthaupt {
margin-right:10px;
margin-left:255px;
margin-top:5px;
background-image:url(../img/main/backs/bg.png);
border:medium gray solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#wallpaper {
background-image:url(../img/main/settings.png);
background-repeat:no-repeat;
width:280px;
height:208px;
margin-top:0px;
}

#tableset {
padding-top:80px;
padding-left:30px;
}

#websites {
background-image:url(../img/main/web.png);
background-repeat:no-repeat;
width:280px;
height:420px;
}
 
  • Website verschiebt sich nach unten Beitrag #2
Mike

Mike

i7-6700HQ
Dabei seit
21.09.2006
Beiträge
24.388
Ort
Outdoor oder vorm Rechner
Abgesehen davon dass "uns" die Grafiken fehlen, passiert der Fehler bei mir nicht. Weder bei FF4.0b12 noch bei IE9RC.
Welchen Browser verwendest du zum testen??
 
  • Website verschiebt sich nach unten Beitrag #3
Nikkel

Nikkel

KDL Riecken GbR
Threadstarter
Dabei seit
16.11.2007
Beiträge
768
Alter
28
Ort
Osnabrück
Ich nutze Firefox 4 Beta aber das Problem hat sich erledigt denn ich habe die Tabelle mit einem DIV Element ersetzt Also mit zweien nebeneinander.
 
Thema:

Website verschiebt sich nach unten

Website verschiebt sich nach unten - Ähnliche Themen

Mails von eigenem Server landen im Spam: Hey, ich versuche nun seit gefühlter Ewigkeit meinen Mailserver so zu konfigurieren, dass Mails in Outlook nicht mehr im Spam landen, jedoch...
Probleme mit windows.open im IE mit Windows 7: Seit 20 Jahren benutze ich popups auf meiner homepage (http://www.hackensellner.de), die sowohl unter FF, als auch unter IE funktionierten. Nach...
GELÖST Falsche Darstellung der Umlaute: Hallo Mituser! :blush Die HTML-Skripte, die ich dieser Forumsanfrage angehängt habe, haben einen korrekten Kopf. Die Einstellung des Editors...
GELÖST Per Javascript Bild wechseln: Hallo Leute, Ich möchte mit Javascript die SRC eines Bildes wechseln. Hier die wichtigen auszüge aus meinem Quellcode. <script type="text/java">...
Javascript cookie speichern: Hallo Leuds, Ich versuche vergebens einen Cookie mit Javascript zu setzen. Da gibt es mehrere Probleme. Nummer 1, es geht nicht und Nummer 2...
Oben