tompeMedlem sedan juni 2004244 inlägg Hej!
Kod index.html:
<html>
<head>
<link rel="stylesheet" type="text/css" href="stilmall.css">
<!--[if IE]>
<style type="text/css">
#sida {height:100%}
</style>
<![endif]-->
</head>
<body>
<div id="sida">
<!---------------Loggan--------------->
<div id="logga"></div>
<!---------------Menyn--------------->
<div id="meny">
<h1>Startsidan</h1>
<h1>Arkiv</h1>
<h1>Produkter</h1>
<h1>Gästbok</h1>
<h1>Länkar</h1></div>
<!---------------Innehållstabellen--------------->
<div id="innehall"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>wsf</div>
</div>
<!---------------Sidfoten--------------->
<div align="center"><div id="sidfot"><img src="bottom.bmp"></img></div></div>
</body>
</html>
Kod stilmall.css:
html,body {
height:100%;
margin: 0px;
padding: 0px;
background: url(bg.bmp);
text-align:center;
}
#sida {
margin: 0px auto;
background-image: url(contentbg.bmp);
width: 700px;
min-height: 100%;
}
#logga {
background: url(top.bmp);
width: 700px;
height: 140px;
}
#meny {
position: relative;
left: 24px;
text-align: left;
border: 1px solid #C0C0C0;
width: 170px;
float: left;
}
#innehall {
position: relative;
left: 36px;
text-align: left;
border: 1px solid #C0C0C0;
width: 469px;
float: left;
font-family: tahoma 11px;
}
#sidfot {
position:relative;
width: 700px;
height: 32px;
clear: both;
}
Varför vägrar diven sida att bli MINST 100% i height? Nu blir den bara 100% och sedan när man scrollar slutar den. OBS. Det händer bara i Firefox men inte i IE eller Opera där funkar det fin fint.
PeeerMedlem sedan mars 20025 907 inlägg Ähum, sitter här och testar och i mina tester så ser sidan exakt likadan ut i både FF och IE. :q
Förresten, *.bmp är inget lämpligt format för bilder på webben.
tompeMedlem sedan juni 2004244 inlägg
Peeer skrev:
Ähum, sitter här och testar och i mina tester så ser sidan exakt likadan ut i både FF och IE. :q
Förresten, *.bmp är inget lämpligt format för bilder på webben.
Hmm, mycket konstigt.
Ang. *.bmp så sitter jag bara och grejjar på datorn och har ingenting på Internet så jag har inte konverterat bilderna än. (dvs. om jag ska lägga upp sidan)
tompeMedlem sedan juni 2004244 inlägg Allt funkar om jag sätter height: 100% om jag nu skulle vilja åstakomma det men när jag sätter min-height: 100% så funkar det inte.
dectgapMedlem sedan sep. 20021 655 inlägg Är det inte meningen att #sidfot ska ligga inuti #sida?
#sida blir nämligen 100% av webläsarfönstret, men sedan slutar det mycket riktigt eftersom #sidfot ligger efter.
tompeMedlem sedan juni 2004244 inlägg
Är det inte meningen att #sidfot ska ligga inuti #sida?
#sida blir nämligen 100% av webläsarfönstret, men sedan slutar det mycket riktigt eftersom #sidfot ligger efter.
Hoppsan, testar sidan med innehåll och då råkade jag ta bort margin-bottom: -32px; på #sida. Men mitt problem kvarstår ändå.
tompeMedlem sedan juni 2004244 inlägg Adress till sidan http://frip.dk/tompe/index.html
Jag har bara laddat upp htmlfilen inga bilder. Jag har lagt 1px svart border på #sida så ser ni att det blir annorlunda i FF men funkar för Opera och IE.
tompeMedlem sedan juni 2004244 inlägg 