[CSS/Netscape/SPAN] werkt niet - Softwareontwikkeling

zondag 20 oktober 2002 16:22

Acties:

Verwijderd

Topicstarter

IE laat de volgende code uitstekend zien terwijl deze code in Netscape brak wordt geshowed:

PHP:

<html>
<head>
<style>
INPUT 
{ 
    font-family: Verdana; 
    font-size: 11px; 
    color: #00000; 
    border-style: solid;
    border-width: 1;
} 
BODY
{
    border-width: 1;
    color: #1C1C90; 
}
</style>
<title></title>
</head>

<!-- werkt wel in Netscape 7 --!>

<body background="../images/frameset/border1.jpg" bgproperties="fixed">
<!---search form---!>
<p><span style="position: absolute; left: 22; top: 1; width: 86; height: 23"><input type="text" name="query" value="enter keyword" onclick="value='' " size="13"></span>

<span style="position: absolute; left: 137; top: 1">
<input type="image" src="../images/frameset/search_2.gif" name="submit" class="BODY" border="0" alt="Search!" width="21" height="19"></span></p>

<!-- einde werkt wel in Netscape 7 --!>


<!-- werkt NIET in Netscape 7 --!>
<p>&nbsp;</p>
<p><span style="position: absolute; left: 0; top: 0; z-index: -1">[img]"../images/frameset/search.gif"[/img]</span></p>

</body>
</html>

ik ven 10000% zeker dat de plaatjes werken.

zondag 20 oktober 2002 16:27

Acties:

Bosmonster

*zucht*

Als je absoluut gepositioneerde elementen wilt gebruiken, gebruik dan <div> en niet <span>...

zondag 20 oktober 2002 16:28

Acties:

Verwijderd

Topicstarter

Bosmonster schreef op 20 oktober 2002 @ 16:27:
Als je absoluut gepositioneerde elementen wilt gebruiken, gebruik dan <div> en niet <span>...

maar waarom werkt het bovenste dan wel in NS?

zondag 20 oktober 2002 16:28

Acties:

Verwijderd

En geef meteen ook een maatsoort mee aan je positie:
left:0px;

zondag 20 oktober 2002 16:30

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op 20 oktober 2002 @ 16:28:
En geef meteen ook een maatsoort mee aan je positie:
left:0px;

jah deze code is erg fout met css, dat span verhaal hoort in css te staan met classes, kan het daar ook aan liggen? maar wel vreemd dat het bovenste het wel doet.

zondag 20 oktober 2002 16:33

Acties:

Verwijderd

en denk er ook aan dat je een span geen width en height kunt geven als display: niet op block; staat

zondag 20 oktober 2002 16:33

Acties:

Bosmonster

*zucht*

Verwijderd schreef op 20 oktober 2002 @ 16:28:
[...]

maar waarom werkt het bovenste dan wel in NS?

Ik zeg niet dat het fout is, maar span is een inline element, bedoelt voor relatieve positionering. Div is een blockstyle element bedoelt voor relatieve block- en absolute positionering (even zwart/wit

)

Het zal best werken, maar goed.. de "font"-tag werkt ook nog steeds, maar wil niet zeggen dat het aan te raden is om hem te gebruiken

Verder inderdaad maat aangeven in px of whatever. En een negatieve z-index.. heb ik eigenlijk nooit naar gekeken, maar wat hoort dat te doen volgende de standaard. De standaard die Mozilla/Netscape behoorlijk strak aanhoudt?

zondag 20 oktober 2002 16:59

Acties:

Verwijderd

Topicstarter

Weet iemand al een oplossing? ik heb er nu px achter gezet, code:

PHP:

<!-- werkt wel in Netscape 7 --!> 
<p><span style="position: absolute; left: 22px; top: 1px; width: 86; height: 23"><input type="text" name="query" value="enter keyword" onclick="value='' " size="13"></span>

<span style="position: absolute; left: 137px; top: 1px">
<input type="image" src="http://objectplus.s01.nxs.nl/images/frameset/search_2.gif" name="submit" class="BODY" border="0" alt="Search!" width="21" height="19"></span></p>

<!-- einde werkt wel in Netscape 7 --!> 
<!-- werkt NIET in Netscape 7 --!> 
<p>&nbsp;</p>
<p><span style="position: absolute; left: 0px; top: 0px; z-index: -1px">[img]"../images/frameset/search.gif"[/img]</span></p>

is het die z-index???

zondag 20 oktober 2002 17:10

Acties:

Bosmonster

*zucht*

Verwijderd schreef op 20 oktober 2002 @ 16:59:

is het die z-index???

z-index is niet in pixels

en haal z-index eens weg als je wilt weten of het daaraan ligt

zondag 20 oktober 2002 17:11

Acties:

Verwijderd

Topicstarter

Bosmonster schreef op 20 oktober 2002 @ 17:10:

[...]

z-index is niet in pixels

en haal z-index eens weg als je wilt weten of het daaraan ligt

heb ik al gedaan, maar hij laat het onderste dus wle zien, maar het form + submit image weer niet zien

zondag 20 oktober 2002 21:40

Acties:

Verwijderd

Haal al je positioneringsshit er eens uit en kijk of je submit dan gedisplayed wordt... Dan krijg je tenminste een idee waar je moet zoeken

maandag 21 oktober 2002 00:18

Acties:

Blaise

Waarom gebruik je niet gewoon div? werkt al vanaf NS 4.7.
En waar slaan die <p>'s op als je het toch absolute positioneerd?

maandag 21 oktober 2002 02:18

Acties:

2

z-index mag niet negatief zijn.

maandag 21 oktober 2002 09:08

Acties:

Verwijderd

Als je z-index weghaalt, en je ziet je form en submit image niet, moet je eens proberen om de z-index hoger te zetten misschien zie je ze dan?

maandag 21 oktober 2002 11:39

Acties:

Verwijderd

Waarom gebruik die span, het kan ook zonder. En omdat Mozilla geen negatieve z-index kent, zeg ik in m'n style-sheet dat alle tags standaard een z-index van 100 hebben:

PHP:

<html>
  <head>
    <style type="text/css">
* { z-index:100 }
img { border-width: 0px }
    </style>
  </head>
  <body>
    <form>
      <input type="text" name="query" value="enter keyword" onclick="this.value='';"
       style="position:absolute; left:22px; top:1px; width:86px; height:23px">

      <input type="image" src="" alt="Search2" name="submitimg" 
       style="position:absolute; left:137px; top:1px; width:21px; height:19px"> 

      [img]"" 
[/img]
    </form>
  </body>
</html>