Divs bei Mozilla
-
also
ich will ne Seite machen
ums zu vereinfach soll das wie ein Rechteck sein, dass an allen 4 Seiten Randgrafiken hat. In der MItte wird per PHP dynamisch inhalt eingefügt.
Die Frage is wie mache ich das am besten? FÜr den Internet explorer war das relativ simpel nämlich so:
<div style="position:absolute;top:0px;left:80px;width:767px;height:600px;background-color:#EBEBEB"> <img src="images/metallic/spacer.gif" width=1px height=700px align="left" vspace="10" hspace="2"alt=""> <table width="100%"> <tr height=150px><td> </td><td> </td></tr> <tr> <td width="200px"> </td> <td> {CONTENT} </td> </tr><tr> <td align="right" colspan="2"> <span class="information"><a href="java\1:history.back()">Zurück</a>||<a href="java\1:history.forward()">Vorwärts</a></span> </td> </tr> </table> <div style="position:relative;top:-32%;left:-12px;height:100%;width:9px;background-image:url(images/metallic/line_left.gif);"></div> <div style="position:relative;top:-66%;left:788px;height:100%;width:9px;background-image:url(images/metallic/line_right.gif);"></div> <div style="position:relative;bottom:67%;left:-13px;"><center><span class="information">{COPYRIGHT}</span></center><br> <img src="images/metallic/bottom.jpg"> </div> </div> <div style="position:absolute;top:0px;left:68px;"> <img src="images/metallic/top.jpg"> </div> <div style="position:absolute;top:102px;left:68px;"> <img src="images/metallic/left.jpg"> </div>
der Mozilla will das aber nicht genauso interpretieren wie der Internet Explorer deswegen will ich jetzt fragen wie man das am geschicktesten macht?
-
Schau mal ob Loggys Lösung im Mozilla funktioniert
-
Ups, dachte das steht schon in der FAQ. Muss ich dann mal machen: Runde Ecken (Tabellen oder nicht?)