ich glaube du hast da was vergessen !? 
Code
<script type="text/javascript">
</script>Beiträge von SucheUndFinde
-
-
steht alles im code - die breide von header und footer
die abstände sind die margin werte, also 220px von rechts, 140px von linksja es ist reservierter platz für ein menü. dass das mit javascript geht, ist logisch. aber ob es auch ohne geht ist unklar.
<div style="height:90px; width:392px; padding:0px 20px 10px;">
Header
</div>
<div style="width:85%;height:70%;left:0%; margin: 10px 220px 10px 140px;">
<iframe src="unterseite.html" style="width:100%; height:100%; margin 0px 0px 0px 0px">keine Frames</iframe>
</div>
<div style="position:absolute; top:90%; left:0%; height:40px; width:500px;">
Footer
</div> -
das funktioniert so nicht.. das siehst du schon daran, dass der frame keinesfalls einen abstand von 220px vom rechten Rand hat, sondern vielleicht 20 px (bei IE mit 1280*1024). Klar du kannst den Marginwert entsprechend von 220px erhöhen um einen breiteren rechten Rand zu kriegen, aber eine pixelgenaue Platzierung wird so unmöglich.
[EDIT]
soviel ich gelesen habe, ist ein solches Vorhaben nur mit JavaScript möglich, dass den zur Verfügung stehenden Platz ausrechnet und dem Frame zuweist -
der frame lässt sich leider nicht umgehen, da eben nicht die gesamte seite stets neu geladen werden darf.
dass ich statt dem iframe noch ein div nehme - soweit war ich auch schon
-
hi Leute!
ich hoffe ihr könnt mir helfen - die divs bereiten mir Kopfschmerzen.. nun gut, in diesem Fall ist vermutlich der iFrame schuld
und zwar möchte ich einen header haben mit einer bestimmten Höhe, sowie einen Footer, ebenfalls bestimmte Höhe, jeweils in Pixel.
zwischen den beiden soll der Contentbereich sein, der ein Iframe enthält, welches vom linken und rechten, sowie oberen und unteren Fensterrand ebenfalls einen festen Abstand haben soll (in Pixel). IFrame soll ansonsten den ganzen ihm zur Verfügung stehenden Platz einnehmen.
Ich habe schon einige Angaben versucht, wie dem iFrame width und/oder height auf 100% ( gibt es überhaupt height:auto ? )zu verpassen, jedoch war der Frame entweder zu groß, d.h. bis ganz zum rechten Fensterrand oder bis über den unteren Fensterrand.Es sollen keine Scrollbalken erscheinen!
Ausserdem soll es mindestens in FF und IE einwandfrei aussehen, möglichst natürlich alle BrowserMit Tabellen scheint mir ein solches Vorhaben recht einfach lösbar zu sein, aber ich möcht nun doch auch aufhören die ständig zu "vergewaltigen"
Hier mein bisheriger Code:
HTML
Alles anzeigen<!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> <style type="text/css"> div { border-color:blue; border-style:solid; border-width:1px; } body,html {height:100%;} </style> </head> <body style="margin: 0px; padding: 0px"> <div style="height:100%; width:100%"> <div style="height:90px; width:392px; padding:0px 20px 10px;"> Header </div> <div style="width:auto; margin: 10px 220px 10px 140px;"> <iframe src="unterseite.html" style="width:auto; height:auto; margin 0px 0px 0px 0px">keine Frames</iframe> </div> <div style="height:40px"> Footer </div> </div> </body> </html>Danke schön schonmal fürs Lesen!
und hoffe auf Antworten...Gruß,
Chris