Avatar billede nicoolai Nybegynder
09. maj 2006 - 18:52 Der er 19 kommentarer og
1 løsning

Sort streg i Firefox

Hej Eksperter,

Jeg har lavet denne webside for nogle år siden. Jeg lavede siden med  frames, men i firefox viser den en lille sort streg i bunden. det gør den ikke i IE.

Jeg har prøvet at ændre lidt på framesætningen men uden held.

http://www.marcellineliving.dk
Avatar billede olebole Juniormester
09. maj 2006 - 19:47 #1
<ole>

Jeg kan ikke finde stregen  :)

/mvh
</bole>
Avatar billede nicoolai Nybegynder
09. maj 2006 - 20:53 #2
Prøv at maksimere vinduet eller trække i vinduets ramme.

Nicolai ?>
Avatar billede olebole Juniormester
10. maj 2006 - 01:55 #3
Slet for det første den linje tekst, der står i bunden af framesettet. Skal der stå noget tekst, skal det skrives i et noframes-element.

Prøv i øvrigt også at sætte dimensionerne som:
    rows="10%, *, 10%"
- og:
    cols="12%, *, 12%"
Avatar billede nicoolai Nybegynder
10. maj 2006 - 14:37 #4
det hjalp ikke
Avatar billede olebole Juniormester
10. maj 2006 - 17:13 #5
Hmmmm .... det er adskillige år siden, jeg har skrevet en ny side i frames (bortset fra admin-moduler), så jeg har ikke alle 'browser-særhederne' omkring frames present.

Hvorfor overhovedet bruge frames? det er jo ikke uden grund, man ikke skriver nye sider i frames  :)
Avatar billede nicoolai Nybegynder
10. maj 2006 - 17:19 #6
Netop, jeg fatter heller ikke hvorfor jeg valgte at bruge frames. Det er 3-4 år siden jeg lavede den og det var min første side og jeg var vidst 10 år gammel. Jeg var en newbie som startede med at læse The Complete Idiots guide to HTML 4. Så erfaring havde jeg ikke.

Nu gider jeg ikke til at lave hele siden om igen, men jeg er igang med at lave et helt ekstranet til siden. Der kan man så logge ind og ændre tekster og lignende.
Avatar billede nicoolai Nybegynder
10. maj 2006 - 17:28 #7
Det ligner på en måde en border
Avatar billede olebole Juniormester
10. maj 2006 - 18:55 #8
Det sker øjensynligt ved procent-beregningen (formodentlig ved noget afrunding). Hvis du skriver:
    <frameset framespacing="0" border="0" rows="10%, *, 10%">

- eller:
    <frameset framespacing="0" border="0" rows="*, 80%, *">

- resulterer det i stregen.

Skriver du derimod:
    <frameset framespacing="0" border="0" rows="*, 700, *">

- får du ingen sort streg. Var jeg dig, valgte jeg en fast størrelse  :)
Avatar billede nicoolai Nybegynder
11. maj 2006 - 16:27 #9
Det jeg gerne vil er at den tilpasser sig vinduet alt efter hvilken skærmopløsning man kører med.
Avatar billede olebole Juniormester
11. maj 2006 - 17:01 #10
Ja, men jeg har ikke andre bud, end at lave en fast størrelse på midterfeltet - eller undgå frames  :)
Avatar billede nicoolai Nybegynder
11. maj 2006 - 17:17 #11
Men, hvordan kan det være at den ikke viser stregen i IE?
Avatar billede nicoolai Nybegynder
11. maj 2006 - 17:41 #12
Hmm...
Avatar billede mclemens Nybegynder
11. maj 2006 - 20:31 #13
måske lidt inspiration ... måske ikke ...


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Marcellineliving</title>

<style type="text/css">
html,body{margin:0px;padding:0px;height:100%;background: #BFB7B3;}
</style>

<meta http-equiv="title" content="Marcellineliving">
<meta http-equiv="description" content="Marcellineliving m&#65533;bler og design">
<meta http-equiv="keywords" content="M&#65533;bler, design, modart, albed, tilak, interi&#65533;rer, stole, borde, sofaer">

<script type="text/javascript">
<!--
top.window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}

var iframen;
window.onload=function(){
document.documentElement.style.overflow="hidden";
iframen=document.getElementById("iframen");
iframen.style.position="relative";
iframen.style.top=(iframen.offsetParent.offsetHeight-iframen.offsetHeight)/2+"px";
iframen.style.left=(iframen.offsetParent.offsetWidth-iframen.offsetWidth)/2+"px";
}
//-->
</script></head>
<body>
<div style="position:relative;top:0px;left:0px;width:100%;height:100%;">
<iframe name="mid" src="mid.htm" scrolling="auto" id="iframen"style="width:76%;height:80%;"></iframe>
</div>
</body>
</html>
Avatar billede mclemens Nybegynder
11. maj 2006 - 20:51 #14
ups, wrapper div'en er unødvendig :D
Avatar billede nicoolai Nybegynder
11. maj 2006 - 21:08 #15
Mange tak,

men hvad gør den?
Avatar billede mclemens Nybegynder
11. maj 2006 - 21:29 #16
Den definerer en iframe der er 80% høj og 76% bred som baseret på din hoved frames på forsiden ... istedet for hovedframes på forsiden bruger du html filen ovenover ... den placerer ved onload de angivne iframen midt på skærmen, og du skulle derved undgå problemet med den sorte streg, da der ikke er flere frames der individuelt skal deles om pixels...
Avatar billede nicoolai Nybegynder
11. maj 2006 - 21:30 #17
Åh..ok, det kan være at jeg vil tage det i brug en dag jeg får tid. For dette kræver jo at jeg ændre min baggrund og mine frames. Hehe....
Avatar billede mclemens Nybegynder
11. maj 2006 - 21:31 #18
denne her er lidt bedre til at bevare centreringen ved resize af vinduet...


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Marcellineliving</title>

<style type="text/css">
html,body{margin:0px;padding:0px;height:100%;background: #BFB7B3;}
</style>

<meta http-equiv="title" content="Marcellineliving">
<meta http-equiv="description" content="Marcellineliving m&#65533;bler og design">
<meta http-equiv="keywords" content="M&#65533;bler, design, modart, albed, tilak, interi&#65533;rer, stole, borde, sofaer">

<script type="text/javascript">
<!--
top.window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}

var iframen;
window.onload=alignit;
window.onresize=alignit;

function alignit(){
document.documentElement.style.overflow="hidden";
iframen=document.getElementById("iframen");
iframen.style.position="relative";
iframen.style.top=(iframen.offsetParent.offsetHeight-iframen.offsetHeight)/2+"px";
iframen.style.left=(iframen.offsetParent.offsetWidth-iframen.offsetWidth)/2+"px";
}
//-->
</script></head>
<body>
<iframe name="mid" src="mid.htm" scrolling="auto" id="iframen"style="width:76%;height:80%;"></iframe>
</body>
</html>
Avatar billede mclemens Nybegynder
11. maj 2006 - 21:32 #19
ok :)
Avatar billede nicoolai Nybegynder
11. maj 2006 - 21:34 #20
Jeg er godt nok også lidt træt af at jeg lavede det i frames i sin tid...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester