DIV positionering olika i IE och FF samnt ändras vid minskning av browser fönster

2 svar · 486 visningar · startad av Seduced 30 nov. 2007

SeducedMedlem sedan nov. 20072 inlägg

Frågan30 nov. 2007 16:21#1

Tjenare

Har positionerat en div över en bild, men jag vill inte att den ska flytta på sig när man minimerar browser fönstret. Vad ska jag göra? Sedan så är positioneringen annorlunda på tex min dator och min kompis. Diven har id "text".

Här är sidan

http://www.simplistic.se/realdeal/index.html

Tacksam för lösningar :)

Danne VMedlem sedan aug. 20068 090 inlägg

30 nov. 2007 17:36#2

Jag tror det ska kunna fixas med detta:

1. Gör divven "head" relativ genom att ändra stilen från
#head{width: 800px; height: 45px;}
till
#head{width: 800px; height: 45px; position:relative}

2. Ändra
#text{position: fixed;
till
#text{position: absolute;

sen tar du in hela divven "text" och lägger den i divven "head" och justerar måtten i rött:

#text{position: fixed; width: 450px; height: 250px; background-color: #dfe3e6; top: 280px; right: 468px; text-align: left; font-family: Verdana; font-size: 9px;}

SeducedMedlem sedan nov. 20072 inlägg

30 nov. 2007 18:19#3

Positioneringen funkar nu tack, men det blir fortfarande konstigt när man minskar fönstret i browsern.

LOOPIA ÄR NERE FÖR MIG ATM
Mvh
Seduced

Danne V skrev:

Jag tror det ska kunna fixas med detta:

1. Gör divven "head" relativ genom att ändra stilen från
#head{width: 800px; height: 45px;}
till
#head{width: 800px; height: 45px; position:relative}

2. Ändra
#text{position: fixed;
till
#text{position: absolute;

sen tar du in hela divven "text" och lägger den i divven "head" och justerar måtten i rött:

#text{position: fixed; width: 450px; height: 250px; background-color: #dfe3e6; top: 280px; right: 468px; text-align: left; font-family: Verdana; font-size: 9px;}