[CSS] position onder IE & mozilla

[Verwijderd]

Het probleem is dat #main onder mozilla netjes uitgerekt wordt tot waardes die ik opgegeven heb in left, right en top zodat als ik mijn browserscherm groter of kleiner maak #main mooi meegaat en ook groter en kleiner wordt. Maar onder IE is #main net groot genoeg om de tekst die erin staat weer te geven ? hoe zou ik dit op kunnen lossen ? misschien gebruik ik de verkeerde techniek ? weet iemand hier meer vanaf of kan iemand mij een link geven waar dit gegeven uitgelegd wordt.

alvast bedankt


#main {
border: dotted #999999 2px;
bottom: 40px;
left: 280px;
padding: 0;
position: absolute;
right: 20px;
top: 160px;

}


voorbeeld : http://flashbom.hopto.org/

(kan erggg traag zijn)

[ Voor 6% gewijzigd door Verwijderd op 12-05-2004 19:32 ]

[faabman]

i.e. doet niets met right in deze context...

[Verwijderd]

faabman schreef op 12 mei 2004 @ 19:28:
i.e. doet niets met right in deze context...

hoe zou ik #main moeten maken zodat het wel goed werkt dan ??

[Verwijderd]

ehhh...

[AkaXakA]

door margin-right en margin-top, enz. te gebruiken..

[code]
#main {
position: absolute;
margin: 160px 20px 40px 280px; /* TrouBLe: TRBL: TopRightBottomLeft */
padding: 0;
border: dotted #999999 2px;
}

[JoeKurr]

IE ondersteunt javascript expressies in een stylesheet.
Je kunt de breedte dan aangeven met deze regel:

expression(document.body.clientWidth - 300)

die 300 is dan dus de 280px (left) + 20px (right)

Je stijlblokje ziet er dan zo uit:

code:

#main {
  border: dotted #999999 2px;
  bottom: 40px;
  left: 280px;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 160px;
  width: expression(document.body.clientWidth - 300);
}

[SchizoDuckie]

JoeKurr schreef op 13 mei 2004 @ 09:00:

code:

#main {

  width: expression(document.body.clientWidth - 300);
}

dámn! Had je me dat niet eerder kunnen vertellen???

[ Voor 44% gewijzigd door SchizoDuckie op 13-05-2004 09:08 ]

[Verwijderd]

Oke, op http://flashbom.hopto.org/ wil ik #header bovenaan #menu en #main langs elkaar (menu vaste breedte en #main neemt de rest van de volle overige breedte in beslag) en #footer onderin.

hoe krijg ik dit voor elkaar zonder dat alles door elkaar heen gaat lopen ?

[T-MOB]

code:

#menu { float: left; }

[Verwijderd]

T-MOB schreef op 13 mei 2004 @ 20:34:

code:

#menu { float: left; }

haha, damnz. ik zit al uren te kloten en nu had ik 'm goed voordat jij het antwoord gaf

iig bedankt