• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Homepage Positions Fehler.

Status
Für weitere Antworten geschlossen.
Locou

Locou

Neues Mitglied
Ja ich habe auf meiner Homepage einen Positions fehler.
In Macromedia setze ich den iframe mit css in den großen gleben Kasten.
Aber wenn ich dann mit Firefox nachschaue dann ist der iframe verschoben.
Habe sehr viel ausprobiert aber nichts hat geholfen.
Jetzt habe ich noch das problem, das wenn ich mit dem Internet Explorer auf meine Seite gehe sehe ich einen nicht durchsichtbaren iframe.
Also der iframe ist weiß! Genausso wie die Buttons (die ich noch verschieben werde).
http://locou.lo.ohost.de/stfuplzkthxbye/Hauptframe.html
 
Du setzt "position: absolute;" falsch ein. So wie du es derzeit gemacht hast würde die Seite bei jeder Auflösung anders aussehen. Bei mir ist das iframe z.B. sehr weit Links, fast schon in der Mitte des Bildschirms. Ich nehme an du arbeitest mit einerm Auflösung von 1024x768 und da sieht es gut aus?

Überlege dir lieber nochmal wie du das besser kodieren kannst. Ich weis ja nicht was du damit erreichen willst, daher kann ich gerad keinen Tipp geben. Der derzeitige Aufbau ist Schuld an Fehldarstellungen. Btw. solltest du auch versuchen validen HTML-Code zu erreichen. Damit vermeidest du auch Fehldarstellungen.
 
Ich hab schon vieles probiert aber nicht wirklich was hinbekommen.
Habe es mit Tabellen versucht und ziehmlich lange gegooglet.

Es sollte so aussehen:
so%20sollte%20es%20ausehen%20heh.JPG


Edit:
Code: 
[/B]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>stfuplzkthxbye</title>
<style type="text/css">
<!--
body {
    background-color: #000000;
    background-image: url(Style/Design.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    position:fixed
}
#iframe {
    position:absolute;
    left: 432px;
    top: 41px;
    
}
-->
</style>
</head>

<body>
<p>
  <iframe src="home1.html" name="iframe" scrolling="auto" frameborder="0" align=aus height="321" width="439" id="iframe" style="border:0px #FFFFFF none;"></iframe>
</p>
<img src="Style/note home copy.png" width="100" height="100" border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
  <area shape="poly" coords="26,22,20,68,76,66,71,20" href="home1.html" target="iframe" />
</map>
<img src="Style/note bildergallerie.png" width="100" height="100" border="0" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="poly" coords="37,15,17,57,70,72,79,28" href="http://locou.lo.ohost.de/stfuplzkthxbye/showit/showit/index.php" target="iframe" />
</map>
</body>
</html>
 
Fehler 1: "position: fixed" funktioniert im IE nicht so wie du es genutzt hattest.
Fehler 2: Du gehst wie gesagt davon aus, dass jeder Besucher deine Auflösung hat.
Fehler 3: Dein HTML-Code war nicht valide.
Fehler 4: Bild-Dateien hast du mit Leerzeichen im Dateinamen gespeichert und genutzt. Im Internet verwendet man an dieser Stelle keine Leerzeichen.

Ich hab dir mal den Code so korrigiert, dass zumindest dieser valide ist und auch in jeder Auflösung funktioniert. Hab es aber nur im Firefox angeguckt. Rest musst du machen.

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>stfuplzkthxbye</title>
<style type="text/css">
<!--
body {
    background-color: #000000;
    background-image: url(Style/Design.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
}
div#placeholder {
 text-align: center;
}
div#wrapper {
 margin: 0px auto;
 text-align: left;
 width: 800px;
 height: 600px;
 position: relative;
}
div#menu {
 position: absolute;
 left: 45px;
 top: 10px;
}
#iframe {
    position:absolute;
    right: 45px;
    top: 41px;
}
-->
</style>
</head>
<body>
<div id="placeholder">
<div id="wrapper">
<iframe src="home1.html" name="iframe" scrolling="auto" frameborder="0" height="321" width="439" id="iframe" style="border:0px #FFFFFF none;"></iframe>
<div id="menu">
<img src="Style/note_home_copy.png" alt="" width="100" height="100" border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
  <area shape="poly" coords="26,22,20,68,76,66,71,20" href="home1.html" alt="" target="iframe" />
</map>
<img src="Style/note_bildergallerie.png" alt="" width="100" height="100" border="0" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="poly" coords="37,15,17,57,70,72,79,28" alt="" href="http://locou.lo.ohost.de/stfuplzkthxbye/showit/showit/index.php" target="iframe" />
</div>
</map>
</div>
</div>
</body>
</html>

Evtl. wäre es auch noch sinnvoll das Hintergrundbild dann an das Div mit der Id "wrapper" zu binden.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben