hey.
Jeg er ved at lave en hjemmeside til mine venners band, og vi har endelig lavet designet færdig! JAAAAA
men nej. Selvfølgelig skal IE komme og ødelægge vores glæde.
her er siden: goddessmusic.dk/test
her er koden (der bliver først ryttet op i den når jeg er færdig):
<!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>Goddess 2007</title>
<style type="text/css">
body {
margin-top: 0px;
margin-right: 0px;
}
body,td,th {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
color: #000000;
}
#textbox {
z-index:2;
width:98%;
margin-left:auto;
margin-right:auto;
position:absolute;
top: 190px;
bottom: 50px;
text-align:center;
height:auto;
}
#iframe {
background:white;
filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
border:1px solid #cccccc;
padding:5px;
width:690px;
height:100%;
bottom:0px;
}
#goddess {
position:absolute;
right:0px;
top: 0px;
z-index:1;
width:670px;
height:370px;
}
#menu {
top:0px;
width:510px;
right:15px;
position:absolute;
z-index:2;
}
</style></head>
<body>
<div id="goddess"><img src="goddess2.gif" /></div>
<div id="menu"><img src="menu.gif" /></div>
<div id="textbox"><iframe src="test.htm" id="iframe" frameborder="0" scrolling="yes"></iframe></div>
<div style="width:900px; height:200px; margin-left:auto; margin-right:auto; bottom:0px; position:absolute; z-index:0;"><img src="grunge_boy.gif" /></div>
</body>
</html>
Min idé var, at lave et div(#textbox) som er 98% bred (der kommer af en eller anden grund scrollsbars på når den er 100%, men 98 dur fint) hvor at dens text-align er center, og dermed placerede det iframe(#iframe) der er inde i, i centeret af div'en(#textbox). det duer fint nok. men så ville jeg sørge for, at siden ikke fik to scrollbars (hader jeg simpelthen), så derfor sagde jeg at div'ens(#textbox) bottom skulle være 50px, så at den altid bliver hævet 50px over bunden.
Jeg har givet iframet(#iframe) en højde på 100% i håb at den ville fylde div'en(#textbox) ud 100% i div'ens(#textbox) højde, som jo bliver defineret af hvor ens browser stopper. Det kan firefox (selvfølgelig) godt lide. men det kan IE (selvfølgelig) ikke, og tror at de 100% betyder at den skal tage hele browserens højde, og ikke are div'ens(#textbox). (jeg tror da at de er problemet, men er ikke 100% (haha))
Jeg har virkelig brug for noget hjælp.
Tak, Andy
Indlæg senest redigeret d. 28.06.2007 22:12 af Bruger #12078