webForumDet fria alternativet

Footern hamnar fel när jag lägger till artikelbilder på index-sidan

HTML & CSS

11 svar · 426 visningar · startad av lillebror

Medlem sedan apr. 20041 597 inlägg
Frågan#1

Hej,

Jag har ett litet problem när jag lägger till artikelbilder på index-sidan som hämtas från databasen. När jag kör utan bilder så är allting frid och fröjd men när jag sedan lägger till en bild till varje artikel på index-sidan så hamnar footern fel längs ner (www.flygfyren.nu).

När jag tar bort följande kodstycke (PHP-koden) fungerar det alldeles utmärk:

<td style="line-height: 150%;"><?php if($picture <> NULL) { ?>
				<img style="float: left; align: left; border: 1px solid #888; margin-top: 4px; margin-right: 15px; margin-bottom: 5px;" src="<? echo $picture['path'].$picture['filename']; ?>"><?php } ?>

Vad kan detta bero på?

Medlem sedan nov. 20041 189 inlägg
#2

Jag ser inget fel på den sidan.

Angående din kod - meningen med css är inte att man ska ersätta attributen från html med lika många style-attribut. Man ska göra generella selectors från en .css fil, inte allt i en...

Medlem sedan apr. 20041 597 inlägg
#3

Jag vet...men jag brukar göra så när jag testar/bygger upp sidan. Sedan när jag är nöjd så förenklar jag det hela...

Medlem sedan apr. 20041 597 inlägg
#4

Hmm...kan det vara någon bugg i FF. När jag laddade om sidan så försvann det helt plötsligt...

Medlem sedan juli 20013 378 inlägg
#5

Hmm..

*hur* hamnade footern fel, dvs kan du beskriva hur det såg ut ?

Det enda sättet jag kan få något att balla ur, är om jag krymper textstorleken i FF så att bilden i sista artikeln blir högre än "all sin text"...

flygfyren.jpg
Medlem sedan apr. 20041 597 inlägg
#6

Jag fick texten att bli "normal" i footern när jag ökade textstorleken ett snäpp. När jag sedan tryckte på "normal" i rullgardinen så blev det mindre bra igen, precis så som det ser ut på din skärmdump.

På sidan http://www.flygfyren.nu/showarticle.php?articleID=19 ser dock footern helt okej ut när jag kör med textstorlek "normal". Jag tycker det verkar lite skumt! :OO

I IE ser allt helt normalt ut.

Medlem sedan nov. 20051 596 inlägg
#7

ff räknar ut dina divar, annorlunda än IE.
Diven med tabellen bryter igenom andra divar.
Så avslutas divnr 4 på ett väldigt konstigt ställe, tror det beror på tabelldivven.
Om du har webdeveloper-pluginet, så syns det tydligt, när du
outline block level elements.
Jag kan inte skicka någon skärmdumpsbild. Kanske någon annan kan, som har pluginet.
Tror du måste avsluta dina divar på andra ställen... eller ta bort tabell och mata in detta i bara div.

Medlem sedan apr. 20041 597 inlägg
#8

Hmm...okej...var kan jag få tag på denna "webdelevoper-plugin"?

Hur menar du avsluta divar på andra ställen!?

Kör man inte enligt principen <html><strong>text</strong></html>?

Medlem sedan apr. 20031 660 inlägg
#9

HEJ!

Jag förutsätter tanten menar till FireFox.
https://addons.mozilla.org/extensions/moreinfo.php?id=60&application=firefox

Kan även rekommendera HTML Validator.
https://addons.mozilla.org/extensions/moreinfo.php?id=249&application=firefox

Och Fangs Screen Reader Emulator.
https://addons.mozilla.org/extensions/moreinfo.php?id=402&application=firefox

De två första bör (=SKA! :i) ingå i standardportföljen över programvaror webbarbetaren använder!

Medlem sedan nov. 20051 596 inlägg
Medlem sedan nov. 20051 596 inlägg
#11

lillebror skrev:

Kör man inte enligt principen <html><strong>text</strong></html>?

Det är ett måste...
Och man avslutar dem där "lagret" ska sluta.
De flesta har t.ex. en conainer som börjar högst upp i koden men som inte har sin </div> förrän allra sist efter t.ex footerns div, med en hög divvar emellan, men det blir ändå rätt i slutänden enligt principen ovan. .

Medlem sedan apr. 20041 597 inlägg
#12

Det är ju enligt denna princip jag kör...ibland blir det fel och ibland inite när jag kör med FF.

Nu har jag iaf laddat ner ovanstående plugins.

261 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
129 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)