Säg den glädje som vara beständigt. Äntligen funkar min meny. :) Då strular första H1... :OO Bifogar hur det ser ut för en inloggad person resp en gäst, se nedan. Jag vill att alla inloggade ska ha lika mycket luft uppåt som gästen har. Varför blir det så här konstigt för inloggade?
//Utdrag ur genererad html (Del av) Menyn - första h1
<div id="menuDiv"><ul id="nav"><li><a href="http://.../welcome.php">Point me!</a>
<ul class="sub"><li><a class="submenu" href="http://.../welcome.php">Home</a></li></ul></li>
<li><a href="http://.../news.php">News/Info</a>
<ul class="sub"><li><a class="submenu" href="http://.../news.php">News</a></li>
<li><a class="submenu" href="http://.../faq.php">FAQ</a></li></ul></li>
<li><a href="http://.../chooseQuiz.php">Puzzles</a>
<ul class="sub"><li><a class="submenu" href="http://.../chooseQuiz.php">Quizzes</a></li>
</ul></li></ul></div><br clear="all"><br>
<!-- <div id="currSub"></div><br> -->
<div id="newsLink">
<span class="floatL">Latest news: <a href="http://.../news.php#n122">More things hooked up...</a></span>
<!--- Raden under saknas hos gäster (och denna kommentar finns bara på wf) --->
<span class="floatR">Welcome back, Tester!</span> </div>
<div id="content">
<h1>Acknowledgements</h1>
Jag begriper ingenting? :q
Glömde säga att sidorna validerar både för gäster och inloggade. Problemet finns på alla de tre sidor det nya systemet är inlagt på.
Jag antar att du har diven som det står "Welcome back, Tester!" flytande. Sätt en clear:both på #content. :)
Själva div:en flyter inte, men de två span:en i, flyter åt varsitt håll.
Hur ska ditt förslag se ut?
<div id="newsLink">
<span class="floatL">Latest news: <a href="http://.../news.php#n122">More things hooked up...</a></span>
<!--- Raden under saknas hos gäster (och denna kommentar finns bara på wf) --->
<span class="floatR">Welcome back, Tester!</span> </div><br clear="all">
<div id="content">
eller
<div id="newsLink">
<span class="floatL">Latest news: <a href="http://.../news.php#n122">More things hooked up...</a></span>
<!--- Raden under saknas hos gäster (och denna kommentar finns bara på wf) --->
<span class="floatR">Welcome back, Tester!</span> </div>
<div id="content" clear:both>
Förlåt, jag var kanske otydlig. Lägg till clear: both; i din css för #content.
Onekligen ett steg i rätt riktning. Nu står den i alla fall i vänsterkant där den borde vara. Men fortfarande lite väl högt upp, se bifogad bild och jämför med gäst ovan:
Kan tillägga att det ser identiskt likadant ut för både gäst och inloggad i FF som i IE.
Vad händer om du sätter 0 margin och padding på din #content och sedan sätter margin-top och önskat antal px på H1
och också 0:ar margin-bottom och padding-bottom på #newsLink
Ska erkänna först att jag inte riktigt vet vad du är ute efter, dels så har jag inte din font installerad så FF och IE visar olika med de inställningar jag har, dels så ser jag ju inte vad som händer när man är inloggad.
Men du har satt 16px i body för font och då bör h1 bli 32px.
Vad du har problem med är att du inte har "nollat" webläsarna, vilket är att föredra om man vill uppnå ungefär samma utseende i alla webläsarna, men eftersom du har så mycket på sidorna så kan det ställa till det ganska mycket om alla default margin och padding försvinner i ett svep.
Därför gav jag dig tips tidigare om att "nolla" precis det som din H1:a berörs av. Har du testat det?
Ska erkänna först att jag inte riktigt vet vad du är ute efter, dels så har jag inte din font installerad så FF och IE visar olika med de inställningar jag har, dels så ser jag ju inte vad som händer när man är inloggad.
I min första post finns två bilder bifogade som visar vad som händer om man kan logga in (och har fonten). Efter Fuels inlägg har jag äntligen fattat vari problemet består, dvs hur det uppkommer.
Det som skiljer är att gästens newsdiv innehåller en "fast", vanlig span; medan den inloggades innehåller två spans som båda flyter (åt varsitt håll).
För mig ger detta identiskt samma symptom i IE och FF. Content/H1 "räknar" sina top från närmaste fasta taggs nedre gräns. För gästen är detta newsdiv, för den inloggade är det menuDiv (omedelbart ovan newsdiv). Resultat, H1 hamnar för högt, för nära news/"welcome back".
Därför gav jag dig tips tidigare om att "nolla" precis det som din H1:a berörs av. Har du testat det?
Tipset innehöll att jag skulle sätta H1 till "önskat antal px" och nu avsåg jag ta reda på hur många de var. ;)
Men du har satt 16px i body för font och då bör h1 bli 32px.
Nu ska jag testa vad resultatet blir, men jag är rädd att det finns en hake. Ska dock testa först och "haka upp" mig sen. ;)
Tror att poletten ramlade ner nu för mig nu.
Trögtänkt för jag trodde det problemet var löst...
Sätt 50% vidth på den ena av dina floatande divar och den andra 49% så H1 inte får chans att flyta upp mellan dem.
Tror att poletten ramlade ner nu för mig nu.
Trögtänkt för jag trodde det problemet var löst...
Sätt 50% vidth på den ena av dina floatande divar och den andra 49% så H1 inte får chans att flyta upp mellan dem.
Det här lät jättebra, men tyvärr hjälper det inte upp saken alls. Det blir ingen som helst skillnad även med 99% total vidd på divven.
aasah skrev:
Nu ska jag testa vad resultatet blir, men jag är rädd att det finns en hake. Ska dock testa först och "haka upp" mig sen. ;)
Ett annat än jag trodde.... Men inte särskilt bra ändå...
Försök 1
#contents {
clear: both;
margin-top: 2 em;
}
Hade varit trevligt för det är ju i den skarven det strular. Då blir avståndet plötsligt jättebrett i såväl FF som IE, inloggad eller ej! :q
Detta löser problemet i IE, men FF ser lika hoptryckt ut fortfarande. Eller är det viktigt att ta bort width ur newsDivvens två span:ar för att det ska funka? Nu fattar jag ingenting? :q
Plötsligt gick det upp en talgdank! :i Varför låter jag newsdelen flyta för inloggade? Vad händer om den inte också flyter? Svar: Jo, då fungerar allting!!!
