[css] transparante layer pagina breed - Softwareontwikkeling

donderdag 17 april 2008 10:36

Acties:

Topicstarter

Ik ben wat probleempjes op aan het pakken waar ik wel eens tegenaan ben gelopen. Een daarvan is de volgende. Als ik een layer als het ware transparant over de hele pagina wil leggen, komt deze niet helemaal over hele breedte van de pagina:

Testcase:

HTML:

<HTML>

<HEAD>
  <TITLE>Test</TITLE>
  <STYLE type="text/css">
  <!--
    DIV.application-mask
    {
      DISPLAY:          block;
      OVERFLOW:         hidden;
      POSITION:         absolute;
      TOP:              0px;
      LEFT:             0px;
      HEIGHT:           100%;
      WIDTH:            100%;
      FILTER:           alpha(opacity=65);
      BACKGROUND-COLOR: #000000;
      Z-INDEX:          100;
    }
  -->
  </STYLE>
</HEAD>

<BODY>
  <DIV id="application-mask" class="application-mask"></DIV>
</BODY>

</HTML>

Als je bovenstaande pagina bekijkt zie je dat de width niet helemaal 100% is, maar is er rechts nog een witte rand is. Ik heb al bij verschillende sites in de bron gekeken, maar de css ziet er praktisch overal hetzelfde uit. Heeft iemand een idee?

donderdag 17 april 2008 10:45

Acties:

TeeDee

CQB 241

In welke browser? Welke doctype? In Firefox zie ik met bovenstaande code geen problemen.

• Zo te zien, door het gebruik van filter werkt het e.e.a. niet fris in IE.
• Met een html strict doctype heb ik geen issues in IE8 (in 7 emulatie)

[ Voor 46% gewijzigd door TeeDee op 17-04-2008 10:50 ]

Heart..pumps blood.Has nothing to do with emotion! Bored

donderdag 17 april 2008 11:01

Acties:

Krooswijk.com

Topicstarter

Ok, denk zonder filter dan (ivm test-case), maar ik heb hier FF2 en IE6 tot m'n beschikking, in FF2 gaat ie inderdaad wel goed, maar IE6 geeft bij verschillende doctypes geen resultaat:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Bovenste gebruik ik standaard, maar omdat er nu geen inhoud is wordt zelfs de height niet meer 100%, maar teruggebracht naar line-height ofzo. Ik zal ook eens gaan testen in IE7.

donderdag 17 april 2008 11:07

Acties:

disjfa

be

Ik zat net lokaal te testen en ik kreeg de hele tijd die warning van IE. Lokaal probeert IE iets in te laden om de alpha dus te forceren, en dat mag niet.

Probeer je pagina eens te uploaden en test het dan nog eens

disjfa - disj·fa (meneer)
disjfa.nl

donderdag 17 april 2008 11:12

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

code:

1	HTML, BODY { width: 100%; height: 100%; margin: 0; padding: 0; }

zou al wat kunnen uitmaken

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

donderdag 17 april 2008 11:24

Acties:

Krooswijk.com

Topicstarter

Nou breekt m'n klomp, ook dit heb ik al tig keer geprobeerd, waarschijnlijk steeds i.c.m. andere verkeerde factoren, in de testcase werkt dit, ik ga dit later toepassen en dan laat ik weten of dit de oplossing was.

edit:
De oplossing van RM-rf was inderdaad de juiste! Tnx.

[ Voor 13% gewijzigd door Krooswijk.com op 18-04-2008 12:15 ]