webForumDet fria alternativet
Logga in / Bli medlem

Problem med CSS-positionering

HTML & CSS

2 svar · 326 visningar · startad av someone93

Medlem sedan jan. 20092 inlägg
Frågan#1

Jag har en <iframe> som jag behöver flytta upp en bit, men behålla centreringen, detta löste jag med:

style="position:relative;bottom:500px;"

Problemet med denna lösning är att där <iframe> var förut så visas ett stort blankt område.

Finns det metoder som gör att jag kan slippa detta blanka område?

Tack på förhand!

someone93

Medlem sedan juli 20013 378 inlägg
#2

Jadå.

Position: absolute är i själva verket relativpositionering gentemot "föräldern" utan att "lämna lucka" så att säga - men det kräver att föräldern också är positionerad för att fungera "överallt"...

Så:

  • Testa att ställa in position:relative på föräldern (elementet som iframen ligger i) - men utan att ange nya koordinater för den (en standard-workaround för att se till att elementet "har positionerats")
  • Ändra därefter position:relative till position:absolute i din "style" för iframe-elementet (den du visade ovan).
Medlem sedan jan. 20092 inlägg
#3

Tack för hjälpen, dock så fick jag en enklare lösning i ett annat forum.

Tack ändå! :)

265 ms totalt · 4 externa anrop · v20260731065814-full.5386d3bf
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)