06. juli 2004 - 15:35Der er
23 kommentarer og 1 løsning
overflow: scroll virker hat i firefox
www.qrede.dk -> Som i kan se i min stylesheet fil www.qrede.dk/style.css burde den konstant vise en border ude i højre side lodret. Det virker fint i IE, da det er standard, men i firefox virker det ik, den viser ingen border på sider som: http://www.qrede.dk/qrededk/?x=2 Den skal ALTID vise en border.. Hvad gør jeg galt..
hvad er det for en border du taler om? Er det den hvide eller grå ude i højre side, for den kan jeg se fint lige meget hvad i Firefox. Eller mener du scrollbaren?
overflow-x og overflow-y er ikke med i css-standarden (måske kommer de i CSS3 en gang, men det kommer til at tage lidt tid). I stedet må du udnytte en overflow-værdi mozilla har implementeret i sammenhæng med deres XUL-"sprog":
body { overflow-x:hidden; overflow-y:scroll; background: #eeeeee; margin: 0; } html > body { overflow:-moz-scrollbars-vertical;}
roenvig, ja ok.. der kan jeg læse at det kun virker i IE 5.0 og over.. men hvad vil du sige, er den eneste mulige løsning så den som skovenborg kommer med, for det ser mærkeligt ud i firefox, som om den godt kan scrolle.. if u understand my point!
ja, jeg ved det kommer til at se mærkeligt ud - men det er umiddelbart den eneste css-løsning, som bare virker nogenlunde i firefox. Husk på at som standard har firefox slet ikke den inaktive scrollbar som IE har. Enten er den der eller også er den der ikke.
Desuden ser dit design heller ikke al for klumpet ud uden scrollbar, så mon ikke du bare kan leve med det.
jo, det er blot fordi at når der så kommer en scroller.. f.eks.. hvis du går ind på www.qrede.dk - ved siden af "Nyheder" trykker arkiv, så kommer scrolleren, og det rykker tabellen, og det ser så uprof ud når en tabel rykker sig 5 mm. Det var det jeg ville prøve at undgå.. og se eks. www.schaefner.dk -> I firefox der har hans layout altid scroller i firefox også!
du kan måske prøve at tilpasse siden lidt hvis det virkelig nager dig - men nu har du i hvert fald mulighed for at få vist den scrollbar, selvom det ser aktiv ud.
Nå, spøg til side og lidt til sagen... jo, siden er dejlig overskuelig, så man i hvert fald ikke er i tvivl om hvor tingene kan findes henne. Nu ved jeg selvfølgelig ikke hvor langt du er kommet - der mangler jo selvfølgelig noget indhold nogen steder.
Du skal i hvert fald have for øje at siden skal være let at læse - indholdet skal altså ikke virke alt for rodet/sammenklemt - lige umiddelbart synes jeg måske der skulle være en 3-5px mellemrum mellem overskrift og tekst under Nyheder. Men det meste er småting, som man altid kan rette lidt på ;-)
En lille ting, som nager mig er teksten: Optimized for IE 6.0 @ 1024 X 768 - det giver ikke ligefrem et godt førstehånd indtryk hvis man ikke lige har de indstillinger (og siden ser da også fin ud i fx firefox @ 1162x864 - så gem den lidt mere væk eller gerne slet den helt. Du behøver jo ikke at sige, at du ikke har gjort dig umage med at understøtte deres browser - det ser de sikkert fint selv og så er det vel en ringe undskyldning for dem, at du skriver den lille tekst (i hvert fald så tydeligt)
og forresten - når man flytter musen over QREDE.DK kommer der en tekst, som siger Reload Siden men alt hvad den gør er at gå tilbage til forsiden - er det meningen eller en fejl? For teksten forvirrer i hvert fald brugeren lidt.
og så lidt kodemæssigt: Du skriver i din kode: <script type="text/javascript"> function qrede() { document.getElementById('info').innerHTML='QREDE.DK'; } </script>
og senere: <body onload="document.getElementById('info').innerHTML='QREDE.DK';"> hvad skal qrede()-funktionen så til for? Hvorfor så ikke bare kalde den ved onload?
Men før du kommer for godt i gang med at rette så tager vi lige et kig længere ned: onmouseover="document.getElementById('info').innerHTML='Hvem er jeg';" onmouseout="java script:qrede();" (plus mange flere ad slagsens)
Først og fremmest er java script: pseudo-elementet forbudt i en javascript-event - browseren ved også udmærket godt selv at der er tale om javascript, men giver dog alligevel ingen fejl i dette tilfælde. Men nu hvor du alligevel har en funktion - hvorfor så ikke udnytte det. Eksempel: function qrede(tekst) { document.getElementById('info').innerHTML=tekst; } </script> så kunne du ændre teksten sådan her istedet: <body onload="qrede('QREDE.DK')"> og: onmouseover="qrede('Hvem er jeg');" onmouseout="qrede('QREDE.DK');"
Du kan dog også undgå hele tiden at skulle skrive QREDE.DK ved at sætte den som standard: function qrede(tekst) { if (!tekst) {tekst = 'QREDE.DK';} document.getElementById('info').innerHTML=tekst; } så kan du stadig nøjes med at skrive: onmouseover="qrede('Hvem er jeg');" onmouseout="qrede();"
Og nu hvor vi er i gang kan du ligeså godt skrive QREDE.DK fra starten af på denne måde: <span id="info">QREDE.DK</span> og droppe onload-eventen. På den måde kan dem som ingen javascript har også være lidt med.
jeg har nu hørt på alle dine god råd :) og taget dem til mig, og rettet det, men den første du nævner, med at der skal være et mellemrum mellem overskriften i nyheder og teksten, den har jeg allerede rodet ved, før jeg læste det her, og den driller.. det ville da være logisk hvis det hed margin-bottom: 10px; - men det virker hat ?
nææ, egentlig ikke når du bruger span's - de er inline elementer og bliver derfor ikke påvirker at fx margin. Løsningen ville så være at smide de to span's ind i en omkransende div: <div><span style="background: #92A8BE;"><01/07-04></span> <span class="menu">This Page Is Valid HTML 4.01 Transitional</span>:</div> og derefter sætte margin på den div.
OG det der med, at når man holder musen over QREDE.DK -> Så reloader den jo siden, den går helt tilbage til www.qrede.dk - hvor linket til nyheder kun går til qrede.dk/qrededk/ - Så der er forskel, eks henter den stylesheet på ny, når den reloader, det gør den ikke når man trykker nyheder :P
funny.. du bor i græsted.. vi har sommerhus i gilleleje.. (Smidstrup) så kører ofte igennem græsted.. Har spist på kroen mange gange ..hehe.. bare en lille notits!
Yeah yeah.. sure thing.. ses m8! Max tak for hjælpen her.. Glemmer jeg aldrig ;-)
Synes godt om
Ny brugerNybegynder
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.
Ny bruger
Nybegynder
Opret
Preview
