webForumDet fria alternativet

Problem med position i olika webläsare

HTML & CSS

10 svar · 887 visningar · startad av Boye

Medlem sedan nov. 200781 inlägg
Frågan#1

Hej!

Jag har problem med att en "ruta" placeras på ett ställe i IE och på ett annat ställe i alla andra webläsare. Rutan finns här: http://www.arielfyra.se/blogg/
Rutan är den som alla sponsorer ligger i. Om ni tittar i IE så ser ni att den ligger på rätt ställe medan i andra webbläsare så hamnar den helt fel (mitt bland texten).

Koden för rutan ser ut så här:

<style type="text/css">	
	#sidekick {

padding:10px;

height: 475px;
			
margin-left:305px;

position: absolute;

top: 125px;

		}

	</style>

	<div id="sidekick" >

    
 <div style="text-align:left"><a href="../../sponsorer.html"><font face="Arial" size="3"><b>Sponsorer </b></font></a></div> <br/>
<a href="../../sponsorer.html#elvstrom"> <img src="../../images/elvstrom.gif"   border="0"  style="margin-bottom:28px;margin-top:15px;" > </a> <br/><a href="../../sponsorer.html#kapell"> <img src="../../images/kapell_annat2.gif"   border="0" style="margin-bottom:9px;margin-top:4px;" >
<br/> <br/>
	<a href="../../sponsorer.html#woolpower"> <img src="../../images/woolpower2.gif"   border="0"  style="margin-bottom:30px;margin-top:8px;" > </a>  </a> 
	

	</div>

Eftersom bloggen bygger på wordpress så ligger därmed koderna i olika "fack" eller hur man sak säga, dvs teman bygger på olika php-filer typ. Den här koden ligger i footer.php för er som kan wordpress. Därmed så vet jag inte riktigt vilka andra koder som ligger runtomkring detta och om det kanske påverkar, men ni kanske förstår mer genom att titta på källan.

I alla fall, är det någon som vet hur jag kan lösa detta? Så att IE och de andra webbläsarna reagerar likadant?

Medlem sedan apr. 2005116 inlägg
#2

I IE8 ligger den fel, se bifogad bild.

ie8.jpg
Medlem sedan nov. 200781 inlägg
#3

Konstigt! I min IE 8 ser det ut så här:

http://img716.imageshack.us/img716/1387/namnlse.jpg

Någon aning om vad det kan bero på?

Medlem sedan apr. 2005116 inlägg
#4

Ja, du har klickat på ikonen för kompatibilitetsvy. Nu renderas din sida så att den ser bra ut med IE7 och neråt.

Medlem sedan apr. 2005116 inlägg
#5

Du har ganska många fel i din stilmall. Försök ränsa och korrigera. Din position: absolute är det som positionerar diven fel i IE8

http://jigsaw.w3.org/css-validator/validator?uri=http://www.arielfyra.se/blogg/

Medlem sedan nov. 200781 inlägg
#6

Jaha, då är det kompatibilitetsvy som var problemet! Jag ställde om till vanlig vy och det funkar fint. Trist dock att folk med äldre versioner av windows får problem!

Okej. Men så länge det ser bra ut i webbläsarna så gör det väl inte så mycket om jag har fel i stilmallarna? Jag kan tycka att det är mer jobb än vad det ger att försöka få alla koder exakt rätta så länge det inte påverkar. Det ser ut som det verkar vara problem med något som heter ".wp-caption", och vad jag vet har jag inte rört det, måste vara wordpress som skapat de koderna.

Tack för hjälpen :)

Medlem sedan apr. 2005116 inlägg
#7

Problemet nu är att din padding:10px; förstör utseendet i IE6.

Medlem sedan nov. 200781 inlägg
#8

Jag testade att ta bort padding:10px; ett tag och köra kompabilitetsvy, men samma problem fanns fortfarande kvar.

Medlem sedan apr. 2005116 inlägg
#9

Testa och lägg till

display: inline;
Medlem sedan nov. 200781 inlägg
#10

Nä det hjälpte inte heller. Det ligger fortfarande kvar så att du kan se.

Medlem sedan aug. 20068 090 inlägg
#11

Tömmer du cachen ordentligt (eventuellt startar om webbläsaren) innan du testar förslagen?

346 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
113 ms — deklarationer (db)
0 ms — hämta statistik (cache)
220 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)