Frage stellen
die ganze Geschichte(zurzeit nur zum Ansehen, noch ohne Inhalt) ist eigentlich "nur" für die Schule gedacht allerdings werkle ich schon ewig daran herum. Mein aktuelles Problem ist, dass die Seite im IE 6 richtig angezeigt wird, während im Firefox alles verrutscht und irgendwie falsch ist.
Hier ist der Code(teilweise gekürzt):
- Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
<!--
body {
background-color: #B1FA45;
}
-->
</style></head>
<body><script type=text/javascript src=http://www14.kilu.net/extra/a4/remote_changes.js.php?kilu_account=schulkram></script>
<div id="maincontent" style="width:900px; height:100%; position:relative; padding: 0; margin-left:auto; margin-right:auto; text-align: center; background-image:url(HG white.PNG); background-repeat:repeat-y; background-color:#FFFFFF; border:5px solid #ffffff; visibility: visible; overflow: visible;">
<div id="oben" style="width:890px; height:100px; background-color:#FFFFff; text-align:left; border:2px solid #fff; margin:5px 5px 5px 5px;">
<div id="masthead" style="margin-left:10px; margin-right:10px;">
<h1 id="siteName"><img src="http://www.schulkram.kilu.de/header.jpg" alt="" name="HEADER" width="870" height="140" align="middle" style="border: 1px solid #cc0699;"/>
<br/>Kunstseite des AvH Lauterbach </h1>
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<div class="menu">
<ul>
[..]
</div>
</div>
</div>
<!-- end oben -->
<div id="content ALL" style=" width:900px; position:relative; margin:30px 5px 30px 5px;">
<!--Beginn Inhalt-->
<div id="left" style="width:660px; height: 100%; bottom:100px; text-align:left; background-color:#fff; float:left; margin:20px 5px 5px 5px;">
<div id="content">
<h2 id="pageName">Page Name</h2>
<div class="story">
<h3>Story Title</h3>
[...]
</div>
</div>
</div>
<!--end content -->
<div id="right" style="width:200px; height: 100%; background-color:#12C2D6; float:right; margin-top:70px; margin-right:10px; border-bottom-style:100px solid #000;">
<div id="navBar" style="margin-top:10px; margin-bottom:50px; margin-righ:5px; margin-left:5px;">
<div id="search">
<form action="#">
<label>search</label>
<input type="text" size ="10" />
<input type="submit" value="go" />
</form>
</div>
<div id="relatedLinks">
<h3>Related Link Category</h3>
<ul>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
<li><a href="#">Related Link</a></li>
</ul>
</div>
<div id="headlines" >
<h3>Headlines</h3>
<p>
Headline <a href="#">full story...</a>
</p>
<p>
Headline <a href="#">full story...</a> </p>
<p> </p>
</div>
</div>
</div>
<!-- end navi -->
<br/><br/><br/><br/><br/><br/><br/>
<!-- Ende Inhalt-->
</div>
<div id="siteInfo" style="width: 100%; height: 20px; position:relative; bottom:0; text-align:center; border-bottom:1px solid #000000; border-top:1px solid #000000; margin-top:10px;">
<a href="#">About Us</a> | <a href="#">Site
Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | ©2003
Company Name
</div>
<!--end info -->
<div style="clear: both;"></div>
</div>
<!-- end ALL-->
</body>
</html>
Zur Info: das Impressum soll nach ganz unten, aber noch in die weiße content box.
(das search-Ding nicht beachten, ist nur "Deko" XD)
Die CSS Daten werde ich noch in ein Stylesheet stecken, aber vorerst bleiben sie im Dokument selbst damit ich gleich sehe was schief läuft etc.
Habe schon mit dem W3 Validator nach Fehlern gesucht, und die einzigen, die er findet, sind die die Kilu.de per Javascript reinbaut *lol* Auch mit dem in Dreamweaver integrierten Fehlersuchding habe ich keine mehr gefunden.
Aber irgendwie weiß ich leider immer noch nicht was genau falsch ist, und inwiefern ich es berichtigen muss, damit es letztendlich richtig aussieht.
Ich habe auch schon ewig im Internet nach Lösungen gesucht und konnte weniges berichtigen, falsch schaut es aber immer noch aus.
Vorschläge anyone?
Würde mich sehr über Hilfe freuen!
